Topic awaiting preservation: switch css classes using js (Page 1 of 1)

hello,
is something like this possible?

<style>

.c1 { ... }

.c2 { ... }

</style>



<div class="c1" onmouseover="this.setstyle('c2')">

the setstyle function is something i'd like to have. what possibilities are there to assign a certain css-identifier to an element?
thanks!

hmmm, this doesnt work for me

Should be just this.className = 'c2';

Note that className is actually a space-separated list of classes if the element has more than one class ("c1 c2 c3"), and this will override all of them unless you're careful to leave in the ones you don't want to change.


 

thanks slime.

...:hover?

browser support for hover on non-link elements is still pretty spotty isn't it?

I think so, DL. I think going with onmouseover and onmouseout is probably the safest for now.

: . . DHTML Slice Puzzle : . . .

in my case hover alone isnt gonna work, cause i also use onclick="" to have the style stay the way it is, once you click on the element.

Hehe, this reminded me of when I tried to change the style of hundreds of div tags at the same time.

I first looped through them all and changed their style-attributes. That was a bit slow so I decided to see if it was possible to edit the actual stylesheet they all used insted.
It was possible but it was up to 50 times slower... and it doesn't always work, depending on which doctype declaration you have...

/TwoD

quote:

---

DL-44 said:

browser support for hover on non-link elements is still pretty spotty isn't it?

---

For IE it is - but that's why you plop in a little JavaScript to fix :hover support, instead of just falling back to total JavaScript.
Here's one: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/

But throwing in javascript defeats the benefit of an all css solution.

: . . DHTML Slice Puzzle : . . .

Well they're already relying on JavaScript - IMO using JavaScript to 'fix' Internet Explorer while leaving well-developed browsers that support :hover on all elements to use "all css" is better than messing up what would if not for IE (and a desire to have compatibility for it) be perfect code.