How to load a Javascript file within another Javascript file and execute file 2 before file 1?

Question

I have written a jQuery plugin, say jquery.plugin.js. I want to use this plugin on a large number of sites.

What I want to do is to write a piece of js code at the top of jquery.plugin.js which will load the jquery.main.js and execute it so that $ is available to be used in jquery.plugin.js.

Thanks.

Answer 1

What you probably want to do is create a new tag in js

script = document.createElement('script');
script.src = 'URL-TO-JQUERY';

And then append that element before the first tag.

document.body.insertBefore(document.getElementsByTagName('script')[0], script);

This will most probably work as the script is inserted before any other js. (except in the head)

Yes, just a interval that checks if jQuery exists:

interval = setInterval(check, 100);
function check(){
  if($.version){
    // Exec script
  }
}

Answer 2

This page may be useful for you

http://code.google.com/p/jquery-ajaxq/

with this script you can use files sequentially