Hello all
Attached is a simple HTML file that adds and delete rows. In the add
row function I set an attribute "onClick" this triggers the
testMessage() function. When I try this in Firefox it works just fine
however on IE it just refuses to work.
What is interseting is the ROW that already exists has a similar
'onClick' event which works when the page is loaded, but subsequent
"row" additions to the table to not work in IE.
Much thanks for any helfull insights that you can give.
-Ravi Singh.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TI TLE>Testing DOM insertions</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT type=text/javascript>
var info = new Array("TD 1: index 0", "TD 2: index 1", "TD 3: index
2");
function insertTR(){
var newTR = document.create Element("tr");
newTR.setAttrib ute('onclick', "testMessage(th is)");
for (i=0;i<info.len gth; i++)
{
var newTD= document.create Element("TD");
var newText = document.create TextNode(info[i]);
newTD.appendChi ld(newText)
newTR.appendChi ld(newTD);
}
var tbElm =
document.getEle mentById("table 1").getElements ByTagName("TBOD Y")[0];
tbElm.appendChi ld(newTR);
// }
}
function deleteTR()
{
var tbl = document.getEle mentById('table 1');
var lastRow = tbl.rows.length ;
if (lastRow > 0)
tbl.deleteRow(l astRow - 1);
else
alert("No more rows left to delete!");
}
function testMessage(oRo w) {
alert(oRow);
}
</SCRIPT>
<META content="MSHTML 6.00.2900.2627" name=GENERATOR> </HEAD>
<BODY>
<TABLE id=table1 border=1><TBODY >
<TR onClick="testMe ssage(this)"><T D>TD 1: index 0</TD>
<TD>TD 2: index 1</TD>
<TD>TD 3: index 2</TD></TR>
</TBODY></TABLE>
<P><INPUT onclick=insertT R(); type=button value="Insert Row">
<INPUT onclick=deleteT R(); type=button value="Delete Row"></P>
</BODY></HTML>
Attached is a simple HTML file that adds and delete rows. In the add
row function I set an attribute "onClick" this triggers the
testMessage() function. When I try this in Firefox it works just fine
however on IE it just refuses to work.
What is interseting is the ROW that already exists has a similar
'onClick' event which works when the page is loaded, but subsequent
"row" additions to the table to not work in IE.
Much thanks for any helfull insights that you can give.
-Ravi Singh.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TI TLE>Testing DOM insertions</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT type=text/javascript>
var info = new Array("TD 1: index 0", "TD 2: index 1", "TD 3: index
2");
function insertTR(){
var newTR = document.create Element("tr");
newTR.setAttrib ute('onclick', "testMessage(th is)");
for (i=0;i<info.len gth; i++)
{
var newTD= document.create Element("TD");
var newText = document.create TextNode(info[i]);
newTD.appendChi ld(newText)
newTR.appendChi ld(newTD);
}
var tbElm =
document.getEle mentById("table 1").getElements ByTagName("TBOD Y")[0];
tbElm.appendChi ld(newTR);
// }
}
function deleteTR()
{
var tbl = document.getEle mentById('table 1');
var lastRow = tbl.rows.length ;
if (lastRow > 0)
tbl.deleteRow(l astRow - 1);
else
alert("No more rows left to delete!");
}
function testMessage(oRo w) {
alert(oRow);
}
</SCRIPT>
<META content="MSHTML 6.00.2900.2627" name=GENERATOR> </HEAD>
<BODY>
<TABLE id=table1 border=1><TBODY >
<TR onClick="testMe ssage(this)"><T D>TD 1: index 0</TD>
<TD>TD 2: index 1</TD>
<TD>TD 3: index 2</TD></TR>
</TBODY></TABLE>
<P><INPUT onclick=insertT R(); type=button value="Insert Row">
<INPUT onclick=deleteT R(); type=button value="Delete Row"></P>
</BODY></HTML>
Comment