What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI
Course Of The Month
Become a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Load several javascripts from one library or directory using php / html?
Posted on 2009-04-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..
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
12
-
5
17 Comments
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"></scr
<script type="text/javascript" src="thirdfile.js"></scrip
<script type="text/javascript" src="onefile.js"></script>
<script type="text/javascript" src="anotherfile.js"></scr
<script type="text/javascript" src="thirdfile.js"></scrip
How are scripts loaded here http://tiny.cc/OWIWy ? I don't see a call for every script from Google Apis.com...
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"></s
<script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js" type="text/javascript"></s
Several others are included in a similar way, and a tracker script is loaded indirectly using document.write(). Which script are you missing?
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js" type="text/javascript"></s
<script src="http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js" type="text/javascript"></s
Several others are included in a similar way, and a tracker script is loaded indirectly using document.write(). Which script are you missing?
slider.js I guess as I want a similar slideshow on my website....
How do load others indirectly using document.write() ?
How do load others indirectly using document.write() ?
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("%
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("%
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?
Well added one more script and now it works. I only still get an empty background. That should not happen..
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.
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.
Added the missing slider.js from ajax.googleapis.... Working now. Also placed prototype above scriptaculous. All working now! :-) Thanks!
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..
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.
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?
Well I fixed the empty space at startup. Now I need multibox to work on the portfollio page. It does not... yet.
Featured Post
ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.
One of a set of tools we're offering as a way to say thank you for being a part of the community.
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number.
For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Suggested Courses
Earn Certification
HTML5 Specialist - Certification
Free withPremium
Course of the Month5 days, 14 hours left to enroll
626 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.