Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/02/2011, 13:07
Ibiza3
 
Fecha de Ingreso: noviembre-2006
Mensajes: 49
Antigüedad: 17 años, 11 meses
Puntos: 0
Duplicar filas y <form>

Hola,


El asunto es el siguiente, tengo una tabla que crece dinamicamente, al oprimir un boton aparece una nueva fila en la tabla con su boton de borrar dicha fila y su boton de enviar. Quiero que al oprimir el boton actualizar conexiones se actualice la fila que le corresponde.

Por ahora funciona la primera fila, pero al crecer las nuevas no funcionan.



Gracias!!!!!


Código:
<html>
 <head>
   <title>Clone Node example</title>
     <script language="JavaScript">
function addRowClone(tblId){
  var tblBody = document.getElementById(tblId).tBodies[0];
  var newNode = tblBody.rows[0].cloneNode(true);
  tblBody.appendChild(newNode);
}

function deleteAllRows(tblId){
	var tblBody = document.getElementById(tblId).tBodies[0];
	for (var i=tblBody.rows.length-1; i>0; i--) {
		tblBody.deleteRow(i);
	}
}

function deleteRow(tblId,r){
	var tblBody = document.getElementById(tblId).tBodies[0];
	var i=r.parentNode.parentNode.rowIndex;
	tblBody.deleteRow(i-1);
}

     </script>
  </head>
<body>
<h2>Example 3: DOM Clone</h2>

<h3>cloneNode to clone an existing row</h3>
<p>
	<input type="button" value="Add" onclick="addRowClone('tblClone');" />
	<input type="button" value="Reset" onclick="deleteAllRows('tblClone');" />
	</p>
	
	
	<table id="tblClone">
		<thead>
	  <tr>
		<th colspan="2">tblClone header</th>
	  </tr>

	  </thead>
	  <tbody>
	  <form action="echo.php" method="POST">
		<tr>
			<td>cell 1 - just plain text</td>
			<td><input type="input" value="cell 0 - text box" style="color: blue;" /></td>
			<td><input type="text" name="delay[]" value="[milisegundos]" /></td>
			<td><input type="button" value="Delete" onclick="deleteRow('tblClone',this)" /></td>
			<td><input type="Submit" id="submit_btn" value="Actualizar Conexiones"/></td>
		</tr>
	</form>
	  </tbody>
	</table>
	
	
	
</body>
</html>