Ver Mensaje Individual
  #6 (permalink)  
Antiguo 21/04/2008, 04:36
copycat
 
Fecha de Ingreso: marzo-2008
Mensajes: 3
Antigüedad: 16 años, 10 meses
Puntos: 0
Re: añadir filas a tabla dinamicamente

Hola danielico:

Te dejo un scrip que he realizado para añadir y borrar filas dinamicamente de una tabla utilizando dos botones. Espero que te sirva.

function InsertRow() {
var TABLE = document.getElementById("elemtable");
var objRow = document.getElementById("elerow1");
var targetRow = TABLE.insertRow(-1);
var targetcellf = targetRow.insertCell(0);
var Cellscount = objRow.cells.length;
RowNumber = TABLE.rows.length;
targetRow.cells[0].innerHTML = RowNumber;
for (cnt=1; cnt < Cellscount; cnt++) {
var targetcell = targetRow.insertCell(cnt);
targetRow.cells[cnt].innerHTML = objRow.cells[cnt].innerHTML;
}

function removeLastRow() {
var TABLE = document.getElementById("elemtable");
if(TABLE.rows.length > 1) {
TABLE.deleteRow(TABLE.rows.length-1);
}
}

elemtable: es el Id de la tabla
elerow1: es el Id de la fila

<table id="elemtable">
<tr id="elerow1">

Los botones
<input type="image" src="../Intercambiadores/imagenes/InsertRow24.gif" alt="insertar" onClick="InsertRow()" />
<input type="image" src="../Intercambiadores/imagenes/RemoveRow24.gif" alt="borrar" onClick="removeLastRow()" />



Saludos