agregar fila

dieguicho · #1 (**permalink**) 14/03/2006, 09:18

Estimados.... hola
tengo una tabla con 10 filas (recorro los registros de la db)
y un botoncito. en cada una
quiero que al apretarlo se cree una nueva fila por debajo de la que tiene el boton
queria hacerlo con javascript asi evito recargar la pagina y todo eso...

dacmonsalve · #2 (**permalink**) 14/03/2006, 09:38

Código PHP:

  <HEAD>

<SCRIPT LANGUAGE="JavaScript">

function agrega_fila(id){

    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];

    var row = document.createElement("TR")

    var td1 = document.createElement("TD")

    td1.appendChild(document.createTextNode("columna 1"))

    var td2 = document.createElement("TD")

    td2.appendChild (document.createTextNode("columna 2"))

    row.appendChild(td1);

    row.appendChild(td2);

    tbody.appendChild(row);

  }

</script>

</HEAD>

<BODY>

<input type="button" value="Agregar Fila" onClick="agrega_fila('mi_tabla')">

<!--a href="javascript:agrega_celda('mi_tabla')">Agrega nueva</a--> 

<table id="mi_tabla" cellspacing="0" border="1">

  <tbody>

    <tr>

      <td>Celda1_columna1</td>

      <td>Celda1_columna2</td>

    </tr>

  </tbody>

</table>

</body>

A mi me funciona asi........pruebalo haber si tambien a ti....

....SUERTE!!!....

mayra.melo · #3 (**permalink**) 19/03/2007, 08:03

Hola el código me sirve bastante pero necesito agregarle estilo a las filas, es decir las filas que se agregan deberian ser cosas como estas:

<tr>
<td>
<label for="festivosNacionales" class="etiqueta">
<div align="right">Festivos Nacionales: </div>
</label>
</td>
<td>
<div align="left">
<input name="deadlineDate" readonly="readonly" type="text"
class="campo-formulario" id="festivosNacionales" value="" />
<a href="javascript:NewCal('deadlineDate','DDMMYYYY', true,12)"> <img src="../../images/calendar.gif" width="16" height="16"
border="0" alt="Seleccione un día" align="absmiddle"></a>
dd/mm/yyyy
</div>
</td>
</tr>

Con el código que enviaste solo puedo agregar texto en los <td> me pueden ayudar??

Graciass....