Apr 21
Dynamic Style Loading
var HTTPUTILITY = {
getStyle: function(url, callback) {
var isLoaded = false;
var style = document.createElement("link");
style.setAttribute("rel", "stylesheet");
style.setAttribute("type", "text/css");
style.setAttribute("href", url);
style.onload = style.onreadystatechange = function() {
if (!isLoaded && (!this.readyState || this.readyState == "loaded" || this.readyState == "complete")) {
isLoaded = true;
if (typeof callback === "function")
callback();
if (this.tagName.toLowerCase() == "link")
document.getElementsByTagName("head")[0].removeChild(this);
}
}
var head = document.getElementsByTagName("head")[0];
head.appendChild(style);
}
};
function complete() {
alert("complete");
}
HTTPUTILITY.getStyle("myStyle.css", function(){complete();});
Related Posts
Leave a Reply
You must be logged in to post a comment.

