Remove row
Publicado por Dani (2 intervenciones) el 06/10/2007 16:36:15
Hola
Tengo el siguiente codigo y a la hora de borrar la fila me da un error,
tanto en el explorer como en el firefox, en el firefox me dice que no encuentra el nodo Node was not found" code: "8
Alguien me puede ayudar a corregir el codigo de la funcion removeRow ahi es donde esta mal no se solucionarlo, la funcion addRow funciona bien la he copiado por internet :-)
Muchas gracias es muy urgente!!
<html>
<head>
<script language="JavaScript">
idFila = 1;
function addRow(nombreTabla){
idFila++; //id de la fila
var tbody = document.getElementById
(nombreTabla).getElementsByTagName("TBODY")[0];
//Primera fila
var row = document.createElement("TR")
row.id = idFila;
//Con 4 columnas
var td1 = document.createElement("TD")
var td2 = document.createElement("TD")
var td3 = document.createElement("TD")
var td4 = document.createElement("TD")
row.appendChild(td1).innerHTML="<input type=text name=fila"+idFila+"columna1>";
row.appendChild(td2).innerHTML="<input type=text name=fila"+idFila+"columna2>"
row.appendChild(td3).innerHTML='<input type=button value="+" onclick=javascript:addRow("tabla1");>';
row.appendChild(td4).innerHTML='<input type=button value="-" onclick=javascript:removeRow("tabla1",'+idFila+');>';
tbody.appendChild(row);
}
function removeRow(nombreTabla, filaAborrar) {
var d = document.getElementById(nombreTabla);
d.removeChild(document.getElementById(filaAborrar));
}
</script>
</head>
<body>
<table id="tabla1" cellspacing="0" border="1" width="100%">
<tbody>
<tr id="0">
<td>COLUMNA 1</td>
<td>COLUMNA 2</td>
<td> </td>
<td> </td>
</tr>
<tr id="1">
<td><input type="text" name="fila1columna1"></td>
<td><input type="text" name="fila1columna2"></td>
<td><input type="button" value="+" onclick="javascript:addRow('tabla1');" alt="Añadir fila"></td>
<td><input type="button" value="-" onclick="javascript:removeRow('tabla1','1');" alt="Borrar fila"></td>
</tr>
</tbody>
</table>
</body>
</html>
Tengo el siguiente codigo y a la hora de borrar la fila me da un error,
tanto en el explorer como en el firefox, en el firefox me dice que no encuentra el nodo Node was not found" code: "8
Alguien me puede ayudar a corregir el codigo de la funcion removeRow ahi es donde esta mal no se solucionarlo, la funcion addRow funciona bien la he copiado por internet :-)
Muchas gracias es muy urgente!!
<html>
<head>
<script language="JavaScript">
idFila = 1;
function addRow(nombreTabla){
idFila++; //id de la fila
var tbody = document.getElementById
(nombreTabla).getElementsByTagName("TBODY")[0];
//Primera fila
var row = document.createElement("TR")
row.id = idFila;
//Con 4 columnas
var td1 = document.createElement("TD")
var td2 = document.createElement("TD")
var td3 = document.createElement("TD")
var td4 = document.createElement("TD")
row.appendChild(td1).innerHTML="<input type=text name=fila"+idFila+"columna1>";
row.appendChild(td2).innerHTML="<input type=text name=fila"+idFila+"columna2>"
row.appendChild(td3).innerHTML='<input type=button value="+" onclick=javascript:addRow("tabla1");>';
row.appendChild(td4).innerHTML='<input type=button value="-" onclick=javascript:removeRow("tabla1",'+idFila+');>';
tbody.appendChild(row);
}
function removeRow(nombreTabla, filaAborrar) {
var d = document.getElementById(nombreTabla);
d.removeChild(document.getElementById(filaAborrar));
}
</script>
</head>
<body>
<table id="tabla1" cellspacing="0" border="1" width="100%">
<tbody>
<tr id="0">
<td>COLUMNA 1</td>
<td>COLUMNA 2</td>
<td> </td>
<td> </td>
</tr>
<tr id="1">
<td><input type="text" name="fila1columna1"></td>
<td><input type="text" name="fila1columna2"></td>
<td><input type="button" value="+" onclick="javascript:addRow('tabla1');" alt="Añadir fila"></td>
<td><input type="button" value="-" onclick="javascript:removeRow('tabla1','1');" alt="Borrar fila"></td>
</tr>
</tbody>
</table>
</body>
</html>
Valora esta pregunta
0