title: Load jQuery, wait
body: <p>I need to dynamically load jQuery and jQuery UI from a javascript, then check if it has loaded and do something afterwards.</p>
  
  <pre><code>function loadjscssfile(filename, filetype){
   if (filetype=="js"){ //if filename is a external JavaScript file
  
    var fileref=document.createElement('script');
    fileref.setAttribute("type","text/javascript");
    fileref.setAttribute("src", filename);
   }
   else if (filetype=="css"){ //if filename is an external CSS file
    var fileref=document.createElement("link");
    fileref.setAttribute("rel", "stylesheet");
    fileref.setAttribute("type", "text/css");
    fileref.setAttribute("href", filename);
   }
   if (typeof fileref!="undefined")
    document.getElementsByTagName("head")[0].appendChild(fileref);
  }
  
  
  loadjscssfile("http://localhost/js/jquery-1.3.2.min.js", "js");
  loadjscssfile("http://localhost/js/jquery-ui-1.7.2.custom.min.js", "js");
  </code></pre>
  
  <p>I have done some research and found that I need to either use a callback or a settimeout. Trouble is I'm really new in javascript and it's really giving me a hard time. Can anyone set me in the right direction please?</p>