Look at $.getScript:
http://docs.jquery.com/Ajax/jQuery.getScript
Try something like:
$(document).ready(function() {
$.getScript('script/jquery.form.js');
});
You can wrap $.getScript in your function to do the script path prepend and
.js append. No need to do all the messy DOM stuff yourself. That's what
jQuery is for. ;)
Scott
On Jan 15, 2008 6:20 PM, Nazgulled <[EMAIL PROTECTED]> wrote:
>
> Hi,
> I'm trying to load JS files (libraries) dynamically at run-time with
> jQuery but I'm not being able to... I thought I had this working
> before but now it's not. Here's my code:
>
> INDEX.HTML
> <html>
> <head>
> <script type="text/javascript" src="scripts/jquery.js"></script>
> <script type="text/javascript" src="scripts/global.js"></script>
> </head>
> <body>
> </body>
> </html>
>
> GLOBAL.JS
> function loadJavascript(scriptFile) {
> var scriptsPath;
>
> // Builds the correct scripts path
> scriptsPath = $('script').attr('src');
> scriptsPath = scriptsPath.replace(/\w+\.js$/, '');
>
> // Creates the <script> element and appends it to the <head>
> $(document.createElement('script'))
> .attr('src', scriptsPath + scriptFile + ".js")
> .attr('type', 'text/javascript')
> .appendTo('head');
> }
>
> $(document).ready(function() {
> // Dynamically loads a list of javascript files
> loadJavascript('jquery.form');
> }
>
> It should have created a <script> element like this:
> <script type="text/javascript" src="scripts/jquery.form.js"></script>
> And appended it to the <head> element, but it didn't work...
>
> I'm using the latest jQuery v1.2.2. Hope someone can clarify this to
> me... Why can't I do this?
>
--
--
Scott Trudeau
scott.trudeau AT gmail DOT com
http://sstrudeau.com/
AIM: sodthestreets
