dynamic CSS loading in IE won't work

Question

I have a button in my page, and onclick event, if should append to the <head> a CSS file from a server and do something else. it works perfectly in FF but in IE, it seems not to work (it did append the <link> to the <head> - but the CSS won't affect the elements)

Heres my current code:

function loadDynamicCss(filename) {
    var fileref = document.createElement("link")
    fileref.setAttribute("rel", "stylesheet")
    fileref.setAttribute("type", "text/css")
    fileref.setAttribute("href", filename)
    document.getElementsByTagName("head")[0].appendChild(fileref);
}

What can cause this?

Thanks!

Answer 1

Try this function:

function include_css(url) {
var page = document.getElementsByTagName('head')[0],
        cssElem = document.createElement('link');

        cssElem.setAttribute('rel', 'css');
        cssElem.setAttribute('type', 'text/css');
        cssElem.setAttribute('href', url);

        page.appendChild(cssElem);
}

dynamic CSS loading in IE won't work

Question

1 answers

solution1
1 ACCPTED 2010-08-20 12:59:31

dynamic CSS loading in IE won't work

Question

1 answers

solution1 1 ACCPTED 2010-08-20 12:59:31

solution1
1 ACCPTED 2010-08-20 12:59:31