document.createElement(‘script’)… adding two scripts with one callback

by

I propose you to use some small loader which will chain and do stuff for you. For example like this one:

function loadScripts(array,callback){
    var loader = function(src,handler){
        var script = document.createElement("script");
        script.src = src;
        script.onload = script.onreadystatechange = function(){
            script.onreadystatechange = script.onload = null;
            handler();
        }
        var head = document.getElementsByTagName("head")[0];
        (head || document.body).appendChild( script );
    };
    (function run(){
        if(array.length!=0){
            loader(array.shift(), run);
        }else{
            callback && callback();
        }
    })();
}

This script should help you to build the script tags and call your callback when all files are loaded. Invoke is pretty easy:

loadScripts([
   "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js",
   "http://ajax.googleapis.com/ajax/libs/prototype/1.6.1.0/prototype.js"
],function(){
    alert('All things are loaded');
});

Hope this will help

More Related Contents:

  1. Creating a new DOM element from an HTML string using built-in DOM methods or Prototype
  2. Ways to add javascript files dynamically in a page
  3. Select div using wildcard ID
  4. Load javascript async, then check DOM loaded before executing callback
  5. How to find event listeners on a DOM node in JavaScript or in debugging?
  6. Is there a spec that the id of elements should be made global variable?
  7. onKeyPress Vs. onKeyUp and onKeyDown
  8. Check if an element contains a class in JavaScript?
  9. Chrome extension – retrieving global variable from webpage
  10. How can I loop through ALL DOM elements on a page?
  11. How to convert a DOM node list to an array in Javascript?
  12. Trigger an event with Prototype
  13. Get element’s CSS selector (when it doesn’t have an id)
  14. Set custom attribute using JavaScript
  15. How to access HTML element without ID?
  16. Native JS equivalent to jQuery delegation
  17. scrollIntoView Scrolls just too far
  18. Focus Input Box On Load
  19. In JavaScript, what is the best way to convert a NodeList to an array?
  20. How to avoid no-param-reassign when setting a property on a DOM object
  21. How to clone or re-dispatch DOM events?
  22. Is there a way to determine if a dropdown menu is open?
  23. How to set DOM element as first child?
  24. Is there a flexible way to modify the contents of an editable element?
  25. a way to check validity of HTML5 forms?
  26. What damage is done by document.write()? [duplicate]
  27. How can I remove wrapper (parent element) without removing the child?
  28. Can I add arbitrary properties to DOM objects?
  29. Is there any way to find an element in a documentFragment?
  30. In JavaScript, how can I replace text in an HTML page without affecting the tags?

Leave a Comment