Using Imported Stylesheets

[bacooper81]

Hi. I'm trying to access an imported stylesheet in using the msdn command "document.styleSheets[0].imports". It works fin in IE, but when I use Firefox I'm getting an "Error: document.styleSheets[0].imports has no properties". Does anyone know how I can get this to work with Firefox?

Thanks,
Brian

 

[hardingd]

I did some googling and found the following code:

function getcss( selector, property ) {
var i, r, s=document.styleSheets && document.styleSheets[0]; if(s) {
r = s.rules ? s.rules : s.cssRules; if(r) {
i = r.length; while (i--) {
if(r[i].selectorText.toLowerCase() === selector.toLowerCase()) {
return ( r[i].style[property] );
}
}
}
}
return null;
}

alert( getcss( '.myclass', 'fontSize' ) );

You can see the full text here:

http://www.24help.info/t416607-getting-css-property-value.html

Hope this helps.
HardingD

 

[bacooper81]

Thanks, but this still doesn't seem to look at any imported style sheets. I was thinking there should be a simmilar function to msdn's styleSheet.imports[index]. Maybe???

 

[BillyRayPreachersSon]

What exactly is it that you are trying to do with imported style sheets? Maybe there is another way to achieve this - but it would be hard to say, as you've not really given much to go on.

Dan



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

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

[/tt]