tr onmouseover class change

I have this code

<tr onmouseover="this.className='foo'">

but it doesnt do anything!!!!!

any ideas?!

further more, when a class is associated with a <TD>, I cannot change it!?

here's the HTML

<tr onmouseover="this.className='foo'">
<td class="columnone">&nbsp;</td>
<td class="columntwo">&nbsp;</td>
</tr>

and the CSS

.foo { background-color:red; }
.columnone { background-color:#CCCCCC; }
.columntwo { background-color:#BBBBBB; }

so basically because the TDs have been assigned a class - when I say to the mouseover, it doesnt do anything. If I actually remove the classes from the <TD>'s - it works..... how can I do this?!

If you don't want the tr class to be overridden by the td classes, don't assign td classes, or remove them.

- onmouseover="classStuff(this)" -

function classStuff(blah)
{
// set blah.className...
var tds = blah.getElementsByTagName("TD");
// loop tds, change classNames to ""...
}

www.vladdy.net/Demos/IEPseudoClassesFix.html

cheers for the help guys...

If you don't want the tr class to be overridden by the td classes, don't assign td classes, or remove them.


I need to assign the TD classes in the first instance to apply their own formatting.... might have to look for another way around it....

Vladdy - cheers for that link - seems to do what I want - so will give it a go...!

thanks again guys :thumbsup:

homerUK,
My apologies for the blunt reply...

homerUK,
My apologies for the blunt reply...

hey, no worries!!!! no need to apologise!!