[thelist] Global CSS changes onClick

Tue Aug 1 04:10:09 CDT 2000

isaac wrote:

> > I think that Martin is wondering if it's possible to change the CSS or
> > stylesheet link onClick. ie, without reloading the page as
> > template.blah?printable=fuckyeah. Click a link, and the background
> goes white,
> > text goes dark, and navigation disappears or something.

Yup - that kind of thing

James wrote:
>
> Its doable, but you'll need to set each CSS property in the
> corresponding
> Javascript DOM object. You can't just say 'use the .printable' version
>
> document.body.bgcolor = "#ffffff";
>
> loop throught the p[] arrary, and set all those, etc.

Damn - I was hoping to avoid the brute force method.

> I've set bgcolors in tables dynamically in js on both IE and NN ->
> without
> testing, I'm not sure you can do the body - but I'd say give it try.

The body is fairly easy because you can just do <body id="foo"> and change the properties as with any other named object (actually there's even a DW behaviour to do it for you, although the behaviour doesn't recognise body, so you can do it with a div and move the 'id="foo"' to the body tag afterwards)

I was hoping to do this without having to explicitly name anything, just a global change.

Cheers
Martin