I want to change the color of a table cell whenever the mouse pointer is over it. How can I do it?

I think you would have to do something like this:

<table name=mytable>
<Tr>
<td name=mycell onMouseOver="Change_Colour()">
</td>
</tr>
</table>


Then have a JavaScript function in the HEAD that looks a bit
like this:

function Change_Colour()
{
document.mytable.mycell.bgcolor = red;
}

Hope this helps.


I want to change the color of a table cell whenever the mouse pointer is over it. How can I do it?
:

: I think you would have to do something like this:
:
: <table name=mytable>
: <Tr>
: <td name=mycell onMouseOver="Change_Colour()">
: </td>
: </tr>
: </table>
:
:
: Then have a JavaScript function in the HEAD that looks a bit
: like this:
:
: function Change_Colour()
: {
: document.mytable.mycell.bgcolor = red;
: }
:
: Hope this helps.
:
:
: I want to change the color of a table cell whenever the mouse pointer is over it. How can I do it?
: :
:
:
Thanks a lot!!!

This message was edited by Apotheosis at 2003-7-10 14:42:40

---

: I want to change the color of a table cell whenever the mouse pointer is over it. How can I do it?
:

<TD align=center valign=top  onmouseout="this.style.backgroundColor=''"
onmouseover="this.style.backgroundColor='#FFFFFF'">blah</TD>