RE: [WSG] Modify class

[Lindsay Evans]

Title: Modify class

 

Hi Taco,

 

That sounded like a challenge, so I came up with this:

http://lindsay.f2o.org/experiments/css/dynamic_class.html

 

Works in FB 0.6.1, IE 4.01, 5.01, 5.5 & 6 on WinXP

 

It is a bit kludgy in that you have to specify indexes for your stylesheet & CSS rule, but it is just a quickie :)

 

One other way would be to change the className of a parent element and use inheritance to specify the different states. This way is probably a better way to go, IMHO.

 

--
 Lindsay Evans.
 Developer,
 Red Square Productions.

 [p] 8596.4000
 [f] 8596.4001
 [w] www.redsquare.com.au

-----Original Message-----
From: Taco Fleur [mailto:[EMAIL PROTECTED]
Sent: Wednesday, 19 November 2003 9:43 AM
To: Web Standards Group (E-mail)
Subject: [WSG] Modify class

Is it possible to modify the attribuites of a CLASS dynamically?

In other words, I now have a page with 200 objects on it, 20 of them are of CLASS:helpHidden, when help is clicked I now loop over all objects in the page and see if the object is of CLASS:helpHidden, if so then change the class to helpDisplay, obviously this takes a while and to me it looks like there should be a better way of doing it. Like for example change the properties of the class itself, for example;

CLASS:help

{
        visibility: hidden;
        display: none;
}

When HELP is clicked change the attributes of the class to

{
        font-weight: bold;
        font-size: 14px;
        color: red;
        cursor: help;
        display: inline;
        visibility: visible;
}

Taco Fleur
07 3535 5072
Tell me and I will forget
Show me and I will remember
Teach me and I will learn