Foros del Web » Creando para Internet » Diseño web »

Ayuda con manejo de tablas con js

Estas en el tema de Ayuda con manejo de tablas con js en el foro de Diseño web en Foros del Web. Buenos días, yo una vez más recurriendo a la sabiduria del foro. mi problema es el siguiente. consegui un codigo que me ayuda por javascript ...
  #1 (permalink)  
Antiguo 19/10/2010, 07:52
Avatar de Algadar  
Fecha de Ingreso: abril-2009
Mensajes: 115
Antigüedad: 8 años, 7 meses
Puntos: 1
Ayuda con manejo de tablas con js

Buenos días, yo una vez más recurriendo a la sabiduria del foro.
mi problema es el siguiente.
consegui un codigo que me ayuda por javascript a insertar filas en una tabla muestro acontinuación el codigo.

Código Javascript:
Ver original
  1. function addNewRow(){
  2. var TABLE = document.getElementById("base");
  3. var TROW = document.getElementById("example");
  4.  
  5. var content = TROW.getElementsByTagName("td");
  6. var newRow = TABLE.insertRow(-1);
  7. newRow.className = TROW.attributes['class'].value;
  8. //insertLOselect(content,newRow);
  9.  
  10. var newRow2 = TABLE.insertRow(-1);
  11. newRow2.className = TROW.attributes['class'].value;
  12. //window.alert(content);
  13. copyRow(content,newRow2);
  14. }
  15.  
  16. function appendCell(Trow, txt) {
  17. var newCell = Trow.insertCell(Trow.cells.length)
  18. newCell.innerHTML = txt
  19. }
  20.  
  21. function copyRow(content,Trow) {
  22. var cnt = 0;
  23. for (; cnt < content.length; cnt++) {
  24. alert(content[cnt].innerHTML);
  25. appendCell(Trow, content[cnt].innerHTML);
  26. }
  27. }

y este otro me ayuda a ver lo que esta contenido en dicha tabla.
Código Javascript:
Ver original
  1. function datosTextos(id) {
  2.       var textos = 'CONTENIDO_TABLA| \n';
  3.  
  4.      for (var i=0;i<document.getElementById(id).rows.length;i++)  
  5.         alert(i);
  6.       {
  7.       for (var j=0;j<2;j++)
  8.       {
  9.           alert(j);
  10.          textos = textos + document.getElementById('value').value /*document.getElementById(id).rows[i].cells[j].innerHTML */+ '|' + document.getElementById('value2').value + '|' ;
  11.       }
  12.       }
  13.      alert(textos);
  14.       }

veamos el codigo html.

Código HTML:
Ver original
  1. <form action="" method="post">
  2.   <br>
  3.   <table border="0" id="base" width="50%">
  4.     <tr class="celda">
  5.   <td width="54%">Actividad</td>
  6.   <td width="36%">Usuario</td>
  7.   </tr>
  8. <tr id="example" class="celda">
  9. <td><input name="values[]" type="text" size="50" id="value" onclick="addNewRow(event)" /></td>
  10. <td><input name="values[]" type="text" size="30" id="value2" onclick="addNewRow(event)" />
  11.   <input type="hidden" name="btnAction" value="next" /></td>
  12. </tr>
  13. <input type="button" class="boton" value="[+]" onclick="addNewRow(event)" alt="Adicionar" />
  14. <input type="button" class="boton" value="[-]" onclick="removeLastRow(event)" alt="Remover" />
  15. <p>
  16.   <input value="Ver valores de la tabla" onclick="datosTextos('base');" type="button" />
  17. </p>
  18. <p>
  19.   <label for="Datos"></label>
  20.   <textarea name="Datos" id="Datos"></textarea>
  21. </p>
  22. </form>

el codigo funciona bien, pero ...

yo necesito capturar los datos que se agregan en las filas (que valga la redundancia) se van agregando con el onclick. Pues solo captura los datos de los input iniciales (value y value2).
__________________
Deseo poco y lo poco que deseo, lo deseo poco.!
De Colores.

Etiquetas: js, manejo, tablas
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 19:38.