onmouseover + styles

[vlitim]

I have a table with the rows set out like this

<tr
onmouseover=&quot;this.style.backgroundColor='#65C1E0'; this.style.cursor='hand'&quot; onmouseout=&quot;this.style.backgroundColor='#CCEBF5'&quot;>

which changes bgcolor etc. How do I encorporate this into a stylesheet so that I can call it from anywhere on the site, so that changes in color only have to be made in onw place!

Cheers
Tim

 

[FesterSXS]

how about using a javascript function to make the desired changes - then you only have to change the details in the function.

<STYLE>
tr.row  {cursor: hand;}
</STYLE>

<SCRIPT LANGUAGE=&quot;JAVASCRIPT&quot;>
function trOn(row)
{
  if (document.all)
    var prefix=document.all[row].style;
  else
    var prefix=document.layers[row];

  prefix.background=&quot;#65C1E0&quot;;
}

function trOff(row)
{
  if (document.all)
    var prefix=document.all[row].style;
  else
    var prefix=document.layers[row];

  prefix.background=&quot;#CCEBF5&quot;;
}
</SCRIPT>

... finally, your table rows...

<TR CLASS=row onMouseOver=&quot;trOn(this);&quot; onMouseOut=&quot;trOut(this);&quot;>

Tony

http://www.phoenix-paints.co.uk/portfolio