<ole>
softspot >> Ja, som du nok har opdaget, så er event-objektet ikke af samme type i Moz og IE ;o)
Denne løsning gør brug af property'en 'TD_ELEMENT.cellIndex', der returnerer cellens nummer i dens egen række:
<script type="text/JavaScript">
var actRow = timer = null;
function initMouseEvents(tbl) {
tbl.onmouseover = colorTDs;
tbl.onmouseout = function(){timer=setTimeout("deColorTR()",100)};
}
function colorTDs(e) {
var srcElm = parElm = aTD = null;
if (timer) clearTimeout(timer);
srcElm = (window.event)? window.event.srcElement : e.target;
if (srcElm.tagName=="TD") {
parElm = srcElm.parentNode;
if (actRow && actRow!=parElm) deColorTR();
aTD = srcElm.parentNode.getElementsByTagName("td");
for (i=0; i<aTD.length; i++) {
aTD[i].style.backgroundColor = (i<=srcElm.cellIndex)? "red" : "";
}
actRow = parElm;
}
}
function deColorTR() {
var aTD = actRow.getElementsByTagName("td");
for (i=0; i<aTD.length; i++) aTD[i].style.backgroundColor = "";
actRow = null;
}
</script>
<table width="100%" onmouseover="initMouseEvents(this)">
<tr>
<td>1 </td>
<td>2 </td>
<td>3 </td>
<td>4 </td>
<td>5 </td>
<td>6 </td>
<td>7 </td>
<td>8 </td>
<td>9 </td>
</tr>
<tr>
<td>1 </td>
<td>2 </td>
<td>3 </td>
<td>4 </td>
<td>5 </td>
<td>6 </td>
<td>7 </td>
<td>8 </td>
<td>9 </td>
</tr>
</table>
/mvh
</bole>
