Ver Mensaje Individual
  #4 (permalink)  
Antiguo 18/01/2013, 13:57
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: campos, filas y columnas dinamicamente

Te pongo esta variante que se entiende mejor
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es-ar">
  3. <meta charset="utf-8" />
  4. <title>Tabla dinámica</title>
  5. <script type="text/javascript">
  6. //<![CDATA[
  7. function crea_tabla(){
  8.        var n=5;//filas
  9.        var n2=4;//columnas
  10.        var i=0;
  11.    var tblBody = document.getElementById("MiTabla").getElementsByTagName("tbody")[0]; // identifico el elemento donde hacer el appendChild de las filas
  12.    for (var f=0;f<n;f++) {
  13.        var fila = document.createElement("tr"); // creo una fila
  14.        for (var c=0;c<n2;c++) {
  15.            var celda = document.createElement("td"); // creo una celda
  16.                         i++; // usamos i para crear id's únicos para los input si los requiere
  17.                         var crearInput;
  18.                         crearInput = document.createElement('input'); //creo un input
  19.                         crearInput.type ="text"; // generando atributos del input
  20.                         crearInput.name ="campo";  // generando atributos del input
  21.                         crearInput.id ="campo_"+i;  // generando atributos del input
  22.            celda.appendChild(crearInput); // meto dentro de la celda el input
  23.            fila.appendChild(celda); // meto la celda(que ya tiene el input dentro) dentro de la fila
  24.        }
  25.        tblBody.appendChild(fila); // agrego las filas al tbody
  26.    }  
  27. }
  28. //]]>
  29. </head>
  30. <body   onload="crea_tabla()">
  31. <table id="MiTabla">
  32.  <tbody></tbody>
  33.  </table>
  34. </body>
  35. </html>

SAludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.