Foros del Web » Diseño web » HTML »

Como duplicar la fila de una tabla dinamicamente?

Estas en el tema de Como duplicar la fila de una tabla dinamicamente? en el foro de HTML en Foros del Web. Que tal, como puedo duplicar la ultima fila de una tabla? ... veran tengo el siguiente codigo: Código: <table class="table_general_tiempos"> <tr> <td> <input name="dia1" type="text"/> ...
  #1 (permalink)  
Antiguo 20/01/2012, 17:55
 
Fecha de Ingreso: octubre-2007
Mensajes: 10
Antigüedad: 6 años, 6 meses
Puntos: 0
Como duplicar la fila de una tabla dinamicamente?

Que tal, como puedo duplicar la ultima fila de una tabla? ... veran tengo el siguiente codigo:

Código:
<table class="table_general_tiempos">
    <tr>
            <td>
              <input name="dia1" type="text"/>   
              <input name="mes1" type="text"/> 
              <input name="anio1" type="text" />  
            </td>
            <td>
              <input name="hora_inicio1" type="text" />
              <input name="minutos_inicio1" type="text" /> 
            </td>
            <td>
              <input name="hora_fin1"  type="text"/>
              <input name="minutos_fin1" type="text"/> 
            </td>
            <td>
              <textarea name="concepto1"></textarea>
            </td>
    </tr>
</table>
Lo que quiero hacer es que por medio de un boton, cada que se presione, se cree en el instante una nueva fila igual a la que ya tengo, claro voy a ocupar q los atributos de "name" cambien de nombre, de modo que la segunda fila tenga por ejemplo "concepto2" para diferenciarla de "concepto1"

Me habian comentado que utilizando HTML DOM podia hacer eso, pero solo he encontrado ejemplos donde los renglones o celdas contienen texto.

De antemano muchas gracias!
  #2 (permalink)  
Antiguo 20/01/2012, 19:11
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.403
Antigüedad: 6 años, 9 meses
Puntos: 1565
Respuesta: Como duplicar la fila de una tabla dinamicamente?

Esto esta hecho para generar campos de upload dinámicos, pero para tu caso es lo mismo, tendrías que adaptarlo a una tabla

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. titulo
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. var i=0;
  9. function agregar(src){
  10. i++;
  11. src.innerHTML+='<input name="archivo_'+i+'" type="file" id="archivo_'+i+'" value="" size="10" /><br />\n';
  12. }
  13. var it = i;
  14. //]]>
  15. </head>
  16. <div id="generado">
  17. <input type="file" size="10" value="" id="archivo_0" name="archivo_0"/><br />
  18. </div>
  19. <p>
  20. <a href="#" onclick="agregar(document.getElementById('generado'));return false;">nuevo item</a>
  21. </p>
  22. </body>
  23. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 24/01/2012, 17:34
 
Fecha de Ingreso: octubre-2007
Mensajes: 10
Antigüedad: 6 años, 6 meses
Puntos: 0
Respuesta: Como duplicar la fila de una tabla dinamicamente?

Que tal !!

Muchas Gracias por tu respuesta !! con ese codigo ya pude duplicar las filas! ... el problema que ahora se me presento es que si tengo algun texto escrito y agrego una nueva fila, el texto capturado se borra, se puede evitar esto??

Gracias ! Saludos!
  #4 (permalink)  
Antiguo 24/01/2012, 19:00
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.403
Antigüedad: 6 años, 9 meses
Puntos: 1565
Respuesta: Como duplicar la fila de una tabla dinamicamente?

Supongo que si, obteniendo previamente el texto de cada una de las celdas, ponerlos en un array, y volcar los indices del array en la contrucción del innerHTML de la nueva fila, pero pregunto....de que fila? de la original? la tabla tiene una fila visible predeterminada, o más de una....? tienen todas el mismo texto? como ves hay muchos detalles para tener en cuenta para establecer una solución.
Se entiende el planteo?

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 26/01/2012, 15:23
 
Fecha de Ingreso: octubre-2007
Mensajes: 10
Antigüedad: 6 años, 6 meses
Puntos: 0
Respuesta: Como duplicar la fila de una tabla dinamicamente?

Que tal, creo que si entiendo el planteamiento, antes que nada me podrias aclarar una duda?

Cada que se modifica el arbol de nodos del documento html, se recarga la pagina verdad? (yo crei k solo actualizaba el pedazo que se modificaba, como el AJAX o al menos asi tengo entendido k funciona :P )

Aqui la cuestion seria que la pagina que estoy creando, tendra una "bitacora de actividades". Las tablas que se van creando, almacenan informacion sobre los tiempos invertidos en cierta actividad, entonces puede que capture toda la informacion, pero antes de guardar el formulario se me ocurra agregar una fila mas para anotar un tiempo, y no seria practico que todo se borre, no se si me doy a entender?

Saludos!!!

Etiquetas: duplicar, fila, tabla, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:48.
SEO by vBSEO 3.3.2