Load mootools dynamically using vanilla JS
This is a test snippet
Note: This script won't work in IE without testing the readyState for loaded or complete
<script type="text/javascript">
/* the callback */
var callwhendone = function() {
console.log(window, Window);
var MyClass = new Class({
initialize: function() {
console.log('hellomoto');
},
});
var test = new MyClass();
console.log(test);
};
/* the stuff */
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type ='text/javascript';
oScript.src = 'js/mootools.js';
// FIXME - test the readystate for loaded or complete
oScript.onreadystatechange = callwhendone;
oScript.onload = callwhendone;
var firstscript = document.getElementsByTagName('script');
if(firstscript.length > 0) {
firstscript[0].parentNode.insertBefore(oScript,firstscript[0]);
} else {
oHead.appendChild(oScript);
}
</script>
<markup>
<div id="test" class="test">
testing
</div>
</markup>
<style type="text/css">
.test { background:#000; color:#ff8; }
</style>
<script type="text/javascript">
new Element('div',{'class':'test','text':'testing mooshell'}).inject(document.body);
</script>