mouseover and mouseout with CSS

[delphi_dawg]

Hi all,

Code snippet -

<tr class="r_primary" style="cursor:hand" onClick="window.open()" onMouseOver=this.style.backgroundColor="#FFFFCC"
onMouseOut=this.style.backgroundColor="#CCFFFF" >


Question is - how do i use the values in the CSS instead of the hard coded html values for the backgorund colors?

I have three classes -
r_primary
r_alternate
r_highlight

and based on the action of the mouse - choose the appropriate color...

thanks
tony

[COBOLdinosaur]

The best way to do it is to change the className:

<style>
rPrimary {cursor:hand; background-color:white}
rPrimary2 {cursor:hand; background-color:chocolate }
<style>

Then:

<tr class="r_primary" onClick="window.open()" onMouseOver="this.className='rPrimary2'"
onMouseOut="this.className=rPrimary'">

That makes it easy to maintain.

Do not use underscores in CSS class names. Any browser that complies to the standard will not pick up the class becasue _ is not a legal character in CSS.

[_mrkite]

?????

http://www.w3.org/Talks/1999/0830-tutorial-unicode-mjd/slide39-0.html

[COBOLdinosaur]

-mrkite,

read it again "- A-Z a-z 0-9 and any character greater than 160" underscore is 95.

HTML allows underscore. CSS does not.

HTML and CSS are not case sensitve but XML is, so there are additional problems coming for XHTML compatibility.

[scoutt]

Almost everything is case-insensitive.

it says right on Netscape 6.2 site that it is case sensitive. granted it may be the browser that is case sensitive.

[delphi_dawg]

Thanks to everyone who answered -

It worked well -
thank you.


sorry about the cross posts

take care
tony

[Jon Hanlon]

The final word on underscrores from Netscape:
http://developer.netscape.com/evangelism/docs/technotes/css-underscores/

(They say don't use 'em.)