-
-
Save filipeandre/da787e1240c93a8d9d722e6d5dff943d to your computer and use it in GitHub Desktop.
Dynamically load JavaScript files with callback when finished
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Example: | |
JavaScript.load("/javascripts/something.js"); | |
// With callback (that’s the good thing): | |
JavaScript.load("http://www.someawesomedomain.com/api.js", function() { | |
API.use(); // or whatever api.js provides ... | |
}); | |
/** Testet with: | |
* - IE 5.5, 7.0, 8.0, 9.0 (preview) | |
* - Firefox 3.6.3, 3.6.8 | |
* - Safari 5.0 | |
* - Chrome 5.0 | |
* - Opera 10.10, 10.60 | |
*/ | |
var JavaScript = { | |
load: function(src, callback) { | |
var script = document.createElement('script'), | |
loaded; | |
script.setAttribute('src', src); | |
if (callback) { | |
script.onreadystatechange = script.onload = function() { | |
if (!loaded) { | |
callback(); | |
} | |
loaded = true; | |
}; | |
} | |
document.getElementsByTagName('head')[0].appendChild(script); | |
} | |
}; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment