Solved

Load several javascripts from one library or directory using php / html?

Posted on 2009-04-06
17
766 Views
Last Modified: 2012-05-06
I would like to load several javascripts from one external library or directory. How can I do this with PHP and html in the header of a site? There are several scripts in the same directory I need to be loaded for certain javascript apps to work..
0
Comment
Question by:rhandalthor
  • 12
  • 5
17 Comments
 
LVL 39

Expert Comment

by:Roger Baklund
ID: 24077308
Just load them, one by one. Output this as html in the head part of the html output:

<script type="text/javascript" src="onefile.js"></script>
<script type="text/javascript" src="anotherfile.js"></script>
<script type="text/javascript" src="thirdfile.js"></script>
0
 

Author Comment

by:rhandalthor
ID: 24077448
How are scripts loaded here http://tiny.cc/OWIWy ? I don't see a call for every script from Google Apis.com...
0
 
LVL 39

Expert Comment

by:Roger Baklund
ID: 24077642
There are several scripts included on that page. prototype and scriptaculous is loaded at the start:

<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js" type="text/javascript"></script>

Several others are included in a similar way, and a tracker script is loaded indirectly using document.write(). Which script are you missing?
0
 

Author Comment

by:rhandalthor
ID: 24077670
slider.js I guess as I want a similar slideshow on my website....
How do load others indirectly using document.write() ?
0
 
LVL 39

Expert Comment

by:Roger Baklund
ID: 24078209
The slideshow seems to be defined here:

http://www.leemunroe.com/wp-content/themes/leemunroe/scripts.js

>> How do load others indirectly using document.write() ?

The google analytics tracker is loaded like this:

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
0
 

Author Comment

by:rhandalthor
ID: 24078264
I see CXR. Well then the question remains why my slides don't show at http://lab.imagewize.net/doede/ . I load all script necessary I think, but I don't see slides being loaded. Please have a look and help me on my way. I am not very familiar with Javascript. Maybe I need to add st to the html or css to load it all?
0
 

Author Comment

by:rhandalthor
ID: 24078280
Think I found it.... Hold on
0
 

Author Comment

by:rhandalthor
ID: 24078379
Well one is visible. But there is not sliding yet... Any ideas why?
0
Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

 

Author Comment

by:rhandalthor
ID: 24078714
Well added one more script and now it works. I only still get an empty background. That should not happen..
0
 
LVL 39

Accepted Solution

by:
Roger Baklund earned 500 total points
ID: 24078832
You have a javascript error:

uncaught exception: script.aculo.us requires the Prototype JavaScript framework >= 1.6.0.3

You must load the prototype file before the scriptaculous file.

The slideshow defined here: http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/slider.js
...is not the same as this: http://www.leemunroe.com/wp-content/themes/leemunroe/scripts.js

Your markup is prepared for the script from leemunroe.com, but you include the slider.js from scriptaculous.
0
 

Author Comment

by:rhandalthor
ID: 24079394
Added the missing slider.js from ajax.googleapis.... Working now. Also placed prototype above scriptaculous. All working now! :-) Thanks!
0
 

Author Comment

by:rhandalthor
ID: 24079449
slideshow.js is a a different script from slider.js. Named the former like that. I belive it is needed to run the slideshow besides effects.js and slider.js, scriptaculous and protoype..
0
 

Author Comment

by:rhandalthor
ID: 24086645
Well I experimented with some java scripts as I want the gallery to work with multibox. Multibox and NextGen Gallery did not work so I tried lightbox. No success. Went back to old settings. Now jquery is loaded. I don't no why. And I think it slows down the slideshow on the front page as it starts later.
0
 

Author Comment

by:rhandalthor
ID: 24086678
Well my favorite galery plugin NextGen gallery loads thickbox and jquery. When I turn of effects both scripts are droppped. But still the slider on the front page starts empty. How can I fix that?
0
 

Author Comment

by:rhandalthor
ID: 24086965
Well I fixed the empty space at startup. Now I need multibox to work on the portfollio page. It does not... yet.
0
 
LVL 39

Expert Comment

by:Roger Baklund
ID: 24087336
I have answered your original question and several follow-up questions allready. Please ask a new question.
0
 

Author Comment

by:rhandalthor
ID: 24087350
Sure. Will do that.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now