Hi All!
In the code below, I want to add a handler to a *row* (eventually so I can
change the style of a row), but the event is being generated by the TD's it
seems - in Opera and IE. Is there another way to assign a handler, making
sure the event will come from the row and not a TD, or is this simply a box
model issue I cannot work around by assigning new handlers?
Any advice appreciated!
Rob
:)
<html>
<head>
<title>Hover on Row Test</title>
<script type="text/javascript">
function addEventHandler(element, eventName, functionName) {
if (element.attachEvent) {
element.attachEvent(eventName, functionName);
}
}
function info(event) {
infoElement = event.srcElement;
alert (infoElement.nodeName + " contains " + infoElement.innerHTML);
}
</script>
</head>
<body>
<table>
<tr><td>cell 1</td><td>cell 2</td></tr>
<tr><td>cell 1</td><td>cell 2</td></tr>
<tr><td>cell 1</td><td>cell 2</td></tr>
</table>
<script type="text/javascript">
elements = document.body.getElementsByTagName("tr");
for(var index = 0; index < elements.length; index++) {
addEventHandler(elements[index], "onmouseover", info);
}
</script>
</body>
</html>
