Dynamically adding onmouseover, onmouseout events not working

[Steve Macleod]

Hi,
I was wondering if anyone would be good enough to have a look at the
following code and tell me if there is something im missing!
drug_list is an array of drug details
table is a reference to a correctly structured table.

The problem is that the onmouseover and onmouseout events are only
being added for the last table row:

function drawTableRow(dr ug_list,table)
{
//id,abreviation, drug_name,instr uction,frequenc y,amount,preper ation
var tab_id = table.id;
var t_body = table.getElemen tsByTagName("tb ody")[0];
for (var x=0;x<drug_list .length;x++)
{
new_table_row = document.create Element('tr');
for (var y=0;y<=6;y++)
{
if (y==0)//id as table row id
{
new_table_row.i d = tab_id + "_rw_" + drug_list[x][y];
//bind mouseover, out, click events
new_table_row.o nmouseover = function() { overTr(new_tabl e_row); }
new_table_row.o nmouseout = function() { outTr(new_table _row); }
new_table_row.o nmousedown = function() { clickTr(new_tab le_row); }
alert(new_table _row.id);
t_body.appendCh ild(new_table_r ow);
}
else
{
new_td = document.create Element('td');
new_td.innerTex t = drug_list[x][y];
new_table_row.a ppendChild(new_ td);
}
}
}
table.style.dis play = "inline";
}

[Martin Honnen]

Steve Macleod wrote:

new_table_row = document.create Element('tr');
for (var y=0;y<=6;y++)
{
if (y==0)//id as table row id
{
new_table_row.i d = tab_id + "_rw_" + drug_list[x][y];
//bind mouseover, out, click events
new_table_row.o nmouseover = function() { overTr(new_tabl e_row); }

Use
new_table_row.o nmouseover = function() { overTr(this); }
and the same approach for the other handlers.

--

Martin Honnen
http://JavaScript.FAQTs.com/

[Steve Macleod]

cheers!
it worked