Ok, en respuesta a zerokilledYo he colocado este tema en otra oportunidad solo que no consegui ninguna respuesta decidi esperar un tiempo y dedicarme a programar otra parte del sistema, pero bueno al grano te explico
te voy a dejar el código de toda la pag.
Código:
<!DOCtype html PUBLIC "-//W3C//Dtd XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript">
// ANTES ESTABA ASÍ
//var li=2;
var li=1;
function complementaria2(){
var objTabla = document.getElementById("t2");
var objTbody=objTabla.firstChild;
/*var lent=objTbody.childNodes.length;
var table=objTabla.rows[0].cloneNode(true);
objTabla.appendChild(table);*/
//alert(li++);
li++
//var val=li++;
var objNuevaFila=objTbody.childNodes[0].cloneNode(true);
//cambiamos el contenido de las celdas
objNuevaFila.childNodes[0].innerHTML="<input type=\"text\" id=\"CompCurso"+li+"\" name=\"CompCurso"+li+"\" value=\""+li+"\" size=\"2\" >";
objNuevaFila.childNodes[1].innerHTML="<input type=\"text\" id=\"CompCentro"+li+"\" name=\"CompCentro"+li+"\" >";
objNuevaFila.childNodes[2].innerHTML="<input type=\"text\" id=\"CompHoras"+li+"\" name=\"CompHoras"+li+"\" >";
objNuevaFila.childNodes[3].innerHTML="<input type=\"text\" id=\"CompObservac"+li+"\" name=\"CompObservac"+li+"\" onClick= \"muestrame(id)\" >";
objNuevaFila.childNodes[4].innerHTML="<input type=\"button\" name=\"compb\" value=\"Añadir Fila\" onClick=\"complementaria2();\">";
objTbody.appendChild(objNuevaFila);
//l es el contador de las filas de la tabla, hago -2 porque yo lo tengo inicializado a 2
//y la primera fila es la 0
objTbody.childNodes[li-2].childNodes[4].innerHTML = " ";
//actualizamos la variable del formulario que indica el numero de filas
document.getElementById("numFilas").value = li;
//incrementamos para la siguiente fila
//li++;
document.getElementById("repet").value=li;
}
function add(tabla)
{
var tblBody = document.getElementById('t2').tBodies[0];
var newNode = tblBody.rows[0].cloneNode(true);
tblBody.appendChild(newNode);
}
function muestrame(id){
datoxt= document.getElementById(id).value;
if (datoxt!='') {
alert(id+" y dice "+ datoxt);
}
}
function mandar_form(){
document.pag_inicio.submit();
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<DIV id="comp">
<FORM name="formulario" action="">
<input type="text" name="repet" id="repet" />
<INPUT type="hidden" name="numFilas" value="1"/>
<TABLE id = "t2" BORDER="2" WIDTH="90%" CELLPADDING="5" CELLSPACING="5" bordercolor="#FFcc33">
<TR>
<TD><INPUT NAME="CompCurso1" TYPE="text" VALUE="1" size="3" ></TD>
<TD><INPUT TYPE="text" VALUE="" NAME="CompCentro1" ></TD>
<TD><INPUT TYPE="text" VALUE="" NAME="CompHoras1" ></TD>
<TD><INPUT TYPE="text" VALUE="" NAME="CompObservac1" id="CompObservac1" onClick="muestrame(id)" ></TD>
<td><input type="button" name="compb" value="Añadir Fila" onClick="complementaria2();"></td>
<td><input type="button" name="compb2" value="Añadir new" onClick="add();"></td>
</TR>
</TABLE>
<TABLE>
<TR>
<TD>
<a href="javaScript:alert(document.getElementById('numFilas').value)"> mostrar numero filas</a>
</TD>
</TR>
</TABLE>
<input type="submit" name="button" id="button" value="Guardar" onClick="mandar_form()">
</FORM>
</DIV>
<p> </p>
</body>
</html>
Corre ese ejemplo en IE prueba los botones y veras que el botón "Añadir fila" agrega una fila, más no se repite a si mismo, sin embargo el botón "Añadir new" te agrega la fila pero se repite a si mismo por cada fila que agrega.
el proceso que me sirve es el primer botón que te comente.
pero el problema esta es cuando corre en otros navegadores ESE proceso no funciona; no genera ningun tipo de error simplemente no lo hace.
Espero a verme explicado bien.!
....