JS OnMouseOver change table background

[qslack]

Does anyone know how to, with Javascript, change the background of a table cell when the mouse is over it, but change back when the mouse leaves?

Like:
<td onmouseover="changecolor('#003399')" onmouseout="changecolor('#FFFFFF')">

What would the changecolor() function be defined as? Thanks in advance...

[BC]

Do you need it to be cross-browser? (because it is simple to achieve in IE, but a b*stard to do in Netscape (if even possible))

[qslack]

It's fine if it doesn't work in Netscape 4.7 (although, shouldn't the same code work in NS6 and IE5?) or any other browsers.

This is one of the few times where I use Javascript, because I think it actually adds something to the usability of the page and it won't ruin the page for non-JS browsers.

Thanks!

[qslack]

Ok, well I found what I needed to do.

<script language="javascript">
if(navigator.appName=="Explorer"&&parseInt(navigator.appVersion)>=4){
function mover(src){if(!src.contains(event.fromElement)){src.bgColor = '#003399';}}
function mout(src){if(!src.contains(event.toElement)){src.bgColor = '#FFFFFF';}}
function click(src){if(event.srcElement.tagName=='TD'){src.children.tags('A')[0].click();} }}
</script>

Then for each <td> tag you need to make onmouseover="mover(this)" and onmouseout="mout(this)"

Check how I used this in my page at http://aboutpcs.com/pcs/design.html

[BC]

Yup, that was the exact method I had..

[Arielladog]

Here it is for IE and NS:

http://www.pageresource.com/dhtml/jtut6.htm

aDog