how to load css (dynamically) in Safari

[jaschulz]

The function below works fine in FF, IE and Opera. But it does not work in Safari. Is there a work-around for this problem?

thanks,

JAS

function loadStyles() {
var oLink = document.createElement('link')
oLink.href = './CSS/myStyles.css';
oLink.rel = 'stylesheet';
oLink.type = 'text/css';
oLink.media = 'screen';
document.body.appendChild(oLink);
}

 

[BillyRayPreachersSon]

Which version of Safari for which OS?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[jaschulz]

Win XPPro SP2 and Safari 3.15 (525.13)

JAS

 

[BillyRayPreachersSon]

Try appending the node to the HEAD instead of the BODY:

document.getElementsByTagName('head')[0].appendChild(oLink);

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[jaschulz]

Perfect! Thanks very much.

JAS