Dynamically Assigned Event Handler Not Invoked

[jjwild]

I am adding rows to an existing table using Javascript.

The rows display properly, but the javascript I have assigned to handle the onmouseover event is not invoked.

The code I use is the following:

rowNewRow.setAttribute('onmouseover',"rowMOver('2')");

rowNewRow being the variable pointing to the row.

I have also tried:

rowNewRow.onMouseOver = "rowMOver('2')";

After I do this, the value of tblTable.innerHTML shows that the event handler is there in the HTML but it does not get invoked. I have put the same code into the HTML at design time and that works.

Any one have any ideas?

Thanks,

John

 

[tsuji]

As a general approach, it can be done like this.
[tt]
if(window.attachEvent) {
rowNewRow.attachEvent("onmouseover",function() {rowMOver('2')});
} else if (window.addEventListener) {
rowNewRow.addEventListener("mouseover", function() {rowMOver('2')},true);
}
[/tt]

 

[adam0101]

Are you doing any document.write() commands? If so, you'll need to call document.close() before any JavaScript will work.

Adam

http://adameslinger.blogspot.com/

 

[jjwild]

The basic error was solved by tsuji, though I ended up programming it a different way. Thanks for the help.

My base error was assigning a string value to the event. This:

rowNewRow.onMouseOver = "rowMOver('2')";

should have been this:

rowNewRow.onMouseOver = function() {rowMOver('2')};

I actually used:

rowNewRow.onMouseOver = rowMOver;

To do this, I rewrote rowMOver to use window.event.srcElement to look at the element calling it and find out the value it needed instead. This solved some other issues I had.

Thanks,

John