Posted By

natalie on 10/10/07

Tagged

load stylesheet attach domready

Versions (?)

Advertising

Who likes this?

2 people have marked this snippet as a favorite

inamorix
vali29

Failsafe load for attaching stylesheet

Published in: JavaScript

Website Promotion
DIRECTORY is a crucial factor for all websites that need to gain better organic search engine rankings and increase website traffic.
Submitting your website as part of your Web Promotion strategy to our SEO friendly and high traffic Business Directory for review is an excellent way to gain a valuable backlink and increase your websites visibility online.

URL: http://notes.natbat.net/2006/12/06/trycatchjavascript/

The setTimeout ensures that if there is an issue attaching the link to the bottom of the head (e.g. if the head hasn’t finished loading when the link is trying to be attached) it retries after 100ms. Resetting the css variable to null avoids potential memory leaks.

Expand | Embed | Plain Text

function setCSS(css) {
	try {
		// append stylesheet to alter
		document.getElementsByTagName("head")[0].appendChild(css);
	} catch (e) {
		setTimeout(function(){setCSS(css)}, 100);
	}
}
 
// create CSS element to set up the page
var css = document.createElement("link");
css.setAttribute("href",path/to/stylesheet);
css.setAttribute("rel","stylesheet");
css.setAttribute("type","text/css");
 
// attempt to add the css and then keep trying till we do
setCSS(css);
css = null;

Report this snippet

Comments

Subscribe to comments

Posted By: sherakama on July 30, 2009: Worked like a charm. Great post. Thanks.

Comment:

You need to login to post a comment.