Creating Table Row Color Change on Roll-over

[irdsman]

I would like to create the effect of a highlighted row in a table, on a PHP generated page, when the user rolls over a row.

How is this done?

Thx

[Troyan]

The JS functions:
<script type="text/javascript"> rootcolors=[];
function troyan_bgc(trg,cl) { rootcolors[trg]=trg.style.background; trg.style.background=cl; }
function troyan_bgb(trg) { trg.style.background=rootcolors[trg]; }
</script>

The table code:
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background: lightBlue;" onmouseover="troyan_bgc(this,'chartreuse');"
onmouseout="troyan_bgb(this);"> Contents </td>
</tr>
</table>

The most important is..
<td style="background: lightBlue;" onmouseover="troyan_bgc(this,'chartreuse');"
onmouseout="troyan_bgb(this);"> Contents </td>
Where in the style attribute, in the "background" option, you choose the original bgcolor. In the
mouseover, where is 'chartreuse', you choose the mouseover color. The mouseout attribute are
fully-automatic. It backs to the original color (specified in the "style").


You can consider using of tableless instead of tables in your page. If you want some information
about tableless, go to W3C Home: [url]www.w3.org[/url].

Sorry for the write errors, I don't speak English so well...
[]s


--
- Rio de Janeiro, Brasil
- Troyan <dnunes[at]email[dot]com>

[Al Sparber- PVII]

Troyan wrote:

> The JS functions:

Or you can do download our SwapClass or MultiClass behaviors. Quite a
bit of power.


--
Al Sparber - PVII
[url]http://www.projectseven.com[/url]
Dreamweaver Extensions - DesignPacks - Tutorials - Books
---------------------------------------------------------------------
The PVII Newsgroup | [url]news://forums.projectseven.com/pviiwebdev[/url]
The CSS Newsgroup | [url]news://forums.projectseven.com/css[/url]
---------------------------------------------------------------------