<SCRIPT LANGUAGE="JavaScript">
<!--
var row;
function doAddRow(){
var table = document.getElementById('mytable')
table.insertRow(table.rows.length)
row = table.rows[table.rows.length-1]
for(i=0;i<table.rows[0].cells.length;i++){
row.insertCell(i)
if(i==0)
row.cells[i].innerHTML = '<input name="TextBox[i]" type="text" id="TextBox[i]" />'
if(i==1)
row.cells[i].innerHTML = '<input name="TextBox[i]" type="text" id="TextBox[i]" />'
if(i==2)
row.cells[i].innerHTML = '<input name="TextBox[i]" type="text" id="TextBox[i]" />'
if(i==3)
row.cells[i].innerHTML = '<input name="fono" type="text" id="Fono[i]" onkeyup="sumar(this.form)" />'
}
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function sumar(frm) {
suma=0;
for(i=0;i<frm.elements.length;i++){
if(frm.elements[i].name="fono"){
valor=parseInt(frm.elements[i].value,10);
if(!isNaN(valor)) suma+=valor;
}
}
document.getElementById('suma').innerHTML = 'Total = '+ suma;
}
</script>
<BODY>
<form>
<INPUT TYPE="button" value="AGREGAR FILA" onclick="doAddRow()">
<table id="mytable" border=1>
<TR>
<TD>NOMBRE</TD>
<TD>EMPRESA</TD>
<TD>CIUDAD</TD>
<TD>FONO</TD>
</TR>
<TR>
<TD> <input name="TextBox1" type="text" id="TextBox1" /></TD>
<TD> <input name="TextBox2" type="text" id="TextBox2" /></TD>
<TD> <input name="TextBox3" type="text" id="TextBox3" /></TD>
<TD> <input name="fono" type="text" id="TextBox4" onkeyup="sumar(this.form)" /></TD>
</TR>
</TABLE>
</form>
<p id="suma">Total = 0</p>
</BODY>
</HTML>