Load jQuery dynamically

Question

I'm having problems loading jQuery with Javascript. I need to load it using Javascript, because there are conditions that I can only know on the client side. The written code should initialize the scripts, but I had no luck with them.

var script_tag = document.createElement('script'); script_tag.setAttribute("type","text/javascript"); script_tag.setAttribute("src","http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js") //script_tag.onload = main; // Run main() once jQuery has loaded //script_tag.onreadystatechange = function () { // Same thing but for IE //if (this.readyState == 'complete' || this.readyState == 'loaded') main(); //} document.getElementsByTagName("head")[0].appendChild(script_tag); 

http://mybsabusiness.com/samplesites/silver/sbsa01/

This is the site where the problems are located.

Answer 1

From the jQuerify alphabetic character :

 function getScript(url, success) { var script = document.createElement('script'); script.src = url; var head = document.getElementsByTagName('head')[0], done = false; // Attach handlers for all browsers script.onload = script.onreadystatechange = function() { if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) { done = true; success(); script.onload = script.onreadystatechange = null; head.removeChild(script); } }; head.appendChild(script); } getScript('http://code.jquery.com/jquery-latest.min.js',function() { // Yay jQuery is ready \o/ });​