21/04/2008, 04:36
|
| | 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 |