onmouseover onmouseout overrides hover in IE6

21 Nov 2006

Today I was going to use some css for a simple mouse rollover. I typed..

td.container:hover{ text-decoration:underline; }

This didn’t work because I was already using the onmouseover and onmouseout events for that TD element. To get the same effect I changed the onmouseover call like so…



now is…


and I changed the cellover event to use the this keyword

function cellover(tablecell, previouscolor){
    //..... = "underline";

and I changed the cellout event to…

function cellout(tablecell, previouscolor){
    //..... = "";

simple fix but still annoying. BTW, the cellover/out functions do a slow transition from the previous color to another color.