Attempting to use JavaScript-Based Style Sheets

[theekx]

Does MSIE support JSSS? I want to have one external style sheet where i can use variables to control the different style and color. It looked like JSSS was the only way that I could accomplish this!

Thanks for helping me

[DaveSW]

I'm guessing yes, because I've seen some encryption software somewhere that used css stylesheets encrypted in a jevascript file.

However, your stylesheets won't be supported by the 13% of people who have javascript disabled.

[theekx]

I am questioning this because I attempted to use document.tags.h1.color="blue" and I received a java script error telling me that tags was not defined.

Any ideas?

[DaveSW]

you're more likely to find someone with the knowledge you require in javascript forum, so I'll move this thread there if this doesn't work:

Why don't you use document.write to add in a style declaration, tailored to what you want in javascript, to the top of every page?

[theekx]

Please move this thread to the javascript forum.

Thanks.

[DaveSW]

No Problem

[Jona]

Originally posted by theekx
I am questioning this because I attempted to use document.tags.h1.color="blue" and I received a java script error telling me that tags was not defined.

That code does not work for two reasons. First, document.tags returns "undefined" since there is no tags object existent, and secondly because There is no attribute "color" in the tag <h1>. You must use style.color. This should work for you, assuming you are trying to edit the first H1 tag in the document:


document.getElementsByTagName("h1")[0].style.color="blue";


[J]ona

[theekx]

What would I do if I wanted to change all H1 tags in my web page?

Thanks.

[Jona]

Originally posted by theekx
What would I do if I wanted to change all H1 tags in my web page?

You'd use a for() loop...


for(i=0; i<document.getElementsByTagName("h1").length; i++){
document.getElementsByTagName("h1")[i].style.color="blue";
}


[J]ona

[theekx]

Jona,

Thanks you for you help!


It looks like IE does not support Javascript-Based Style Sheets. The following site must pertain to NS only:

http://developer.netscape.com/docs/manuals/jsstyles_real.html

[Jona]

What you refer to appears to be deprecated, so I doubt the code you've posted (or the code at the site to which you linked) would work in any browser, other than older ones...

[J]ona

[theekx]

Thank you Jona. I will throw it in the trash and come up with something else.

[Jona]

Originally posted by theekx
Thank you Jona. I will throw it in the trash and come up with something else.

The code I posted should work perfectly. Is there something else you are trying to do?

[J]ona