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....