Hey,

I'm have a problem with javascript in internet explorer.

Basically, in any other browser, i can use setatribute to assign the onlick event to occur when the user clicks a row in a table that i have dynamically generated with javascript. However, in internet explorer that doesn't work.

However, using function() {} seems to work, but is causing me a new problem. See the code below:


ResultsTable.rows[RowID].onclick = function() { ShowDocument(RowID); };

Basically, what is happening is, each time i create a new row in the table, i run that above code to assign the onclick event.

But because function() {} creates a pointer to the function, the function doesn't get evaluated each time a row is added.

Basically, RowID, as the parameter for ShowDocument.... is always the ID of the Last Row... not the ID when it was creating the row.

How can i get around this? Any Idea's?

Cheers

Maybe this will help.
http://tnt.goldnet.ca/wht/anonfunc.html

You can use keywerd "this" or properties of "event" to find out row id.

Hi,

I would probably pass the 'this' keyword and use it to find the RowID. Actually, you could just use the rowIndex property of the DOM object, if that would suffice.

jQuery's standardization of event binding may be of use here.

After coding a quick example. I would use the event to find the row id as @sasha suggested. Something along these lines:

ResultsTable.rows[RowID].onclick = function() { ShowDocument(event); };

function ShowDocument(event)
{
// IE uses srcElement.
var target = event.target ? event.target : event.srcElement;

// target show be the cell within the table, so the parentNode should be the row
alert(target.parentNode.rowIndex);
}

Thanks for all the help.

I have solved this problem

Thank you