Filas dinamicas

jonnyalex_1990 · #1 (**permalink**) 14/05/2010, 13:41

Hola a todos

tengo un pequeño problema quiero que al dar clic en el boton agregar fila
se vayan creando filas.

alguien tiene un codigo con que me pueda ayudar

Les agradesco de antemano.

Adler · #2 (**permalink**) 14/05/2010, 14:09

Hola

Prueba con este código

Código Javascript:

Ver original<html>
<head>
<title>Crear filas</title>
<script type="text/javascript">
var indiceFila = 0;
function NuevaFila() {
 
    if (indiceFila <= 5 ) {
myNewRow = document.getElementById("tabla").insertRow(-1);
        myNewCell=myNewRow.insertCell(-1);
        var elemento = document.createElement("INPUT");
        elemento.setAttribute("type","text");
        elemento.setAttribute("size","8");
        elemento.setAttribute("maxlength","15");
        elemento.setAttribute("name","codigo_" + indiceFila);
        elemento.setAttribute("id","codigo_" + indiceFila);
        myNewCell.appendChild(elemento);
 
        myNewCell=myNewRow.insertCell(-1);
        var elemento2 = document.createElement("INPUT");
        elemento2.setAttribute("type","text");
        elemento2.setAttribute("size","25");
        elemento2.setAttribute("maxlength","40");
        elemento2.setAttribute("name","nombre_" + indiceFila);
        elemento2.setAttribute("id","nombre_" + indiceFila);
        myNewCell.appendChild(elemento2);
 
        myNewCell=myNewRow.insertCell(-1);
        var elemento3 = document.createElement("INPUT");
        elemento3.setAttribute("type","text");
        elemento3.setAttribute("size","10");
        elemento3.setAttribute("maxlength","20");
        elemento3.setAttribute("name","unidad_" + indiceFila);
        elemento3.setAttribute("id","unidad_" + indiceFila);
        myNewCell.appendChild(elemento3);
 
        myNewCell=myNewRow.insertCell(-1);
        var elemento4 = document.createElement("INPUT");
        elemento4.setAttribute("type","text");
        elemento4.setAttribute("size","10");
        elemento4.setAttribute("maxlength","20");
        elemento4.setAttribute("name","cantidad_" + indiceFila);
        elemento4.setAttribute("id","cantidad_" + indiceFila);
        myNewCell.appendChild(elemento4);
    }
indiceFila++;
}  
</script>
</head>
<body>
<a href="javascript:void(0);" onClick="NuevaFila()">Adicionar Fila</a>
<br />
<table border="1px" id="tabla">
<tr>
<td>CÓDIGO</td><td>NOMBRE</td><td>UNIDAD</td><td>CANTIDAD</td>
</tr>
<tr id="0"
<td><input type="text" size="8" maxlength="15" name="codigo_0" id="codigo_0" /></td>
<td><input type="text" size="25" maxlength="40" name="nombre_0" id="nombre_0" /></td>
<td><input type="text" size="10" maxlength="20" name="unidad_0" id="unidad_0" /></td>
<td><input type="text" size="10" maxlength="20" name="cantidad_0" id="cantidad_0" /></td>
</tr>
</table>
</body>

Suerte

jonnyalex_1990 · #3 (**permalink**) 14/05/2010, 14:14

Comapañero que pena con vos es que soy nuevo con javascript
y como hiciera para eliminar las filas.

Adler · #4 (**permalink**) 14/05/2010, 15:10

Hola

Cita:

Iniciado por jonnyalex_1990

Comapañero que pena con vos es que soy nuevo con javascript
y como hiciera para eliminar las filas.

Ensayo error, colega. Busca por removeChild

Suerte