Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 795
  • Last Modified:

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

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
rhandalthor
Asked:
rhandalthor
  • 12
  • 5
1 Solution
 
Roger BaklundCommented:
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
 
rhandalthorAuthor Commented:
How are scripts loaded here http://tiny.cc/OWIWy ? I don't see a call for every script from Google Apis.com...
0
 
Roger BaklundCommented:
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
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
rhandalthorAuthor Commented:
slider.js I guess as I want a similar slideshow on my website....
How do load others indirectly using document.write() ?
0
 
Roger BaklundCommented:
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
 
rhandalthorAuthor Commented:
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
 
rhandalthorAuthor Commented:
Think I found it.... Hold on
0
 
rhandalthorAuthor Commented:
Well one is visible. But there is not sliding yet... Any ideas why?
0
 
rhandalthorAuthor Commented:
Well added one more script and now it works. I only still get an empty background. That should not happen..
0
 
Roger BaklundCommented:
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
 
rhandalthorAuthor Commented:
Added the missing slider.js from ajax.googleapis.... Working now. Also placed prototype above scriptaculous. All working now! :-) Thanks!
0
 
rhandalthorAuthor Commented:
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
 
rhandalthorAuthor Commented:
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
 
rhandalthorAuthor Commented:
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
 
rhandalthorAuthor Commented:
Well I fixed the empty space at startup. Now I need multibox to work on the portfollio page. It does not... yet.
0
 
Roger BaklundCommented:
I have answered your original question and several follow-up questions allready. Please ask a new question.
0
 
rhandalthorAuthor Commented:
Sure. Will do that.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

  • 12
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now