Ver Mensaje Individual
  #2 (permalink)  
Antiguo 23/08/2009, 14:48
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Problema con colspan

Hola

Prueba con esto

Código javascript:
Ver original
  1. <html>
  2. <head>
  3. <title>Crear filas</title>
  4. <script type="text/javascript">
  5. var indiceFila = 0;
  6. function NuevaFila() {
  7. myNewRow = document.getElementById("tabla").insertRow(-1);
  8.  
  9.     if (indiceFila == 1) {
  10.         myNewCell=myNewRow.insertCell(-1);
  11.         myNewCell.colSpan="4";
  12.         var elemento = document.createElement("INPUT");
  13.         elemento.setAttribute("type","text");
  14.         elemento.setAttribute("size","8");
  15.         elemento.setAttribute("maxlength","15");
  16.         elemento.setAttribute("name","codigo_" + indiceFila);
  17.         elemento.setAttribute("id","codigo_" + indiceFila);
  18.         myNewCell.appendChild(elemento);
  19.  
  20.     }else {
  21.         myNewCell=myNewRow.insertCell(-1);
  22.         var elemento = document.createElement("INPUT");
  23.         elemento.setAttribute("type","text");
  24.         elemento.setAttribute("size","8");
  25.         elemento.setAttribute("maxlength","15");
  26.         elemento.setAttribute("name","codigo_" + indiceFila);
  27.         elemento.setAttribute("id","codigo_" + indiceFila);
  28.         myNewCell.appendChild(elemento);
  29.  
  30.         myNewCell=myNewRow.insertCell(-1);
  31.         var elemento2 = document.createElement("INPUT");
  32.         elemento2.setAttribute("type","text");
  33.         elemento2.setAttribute("size","25");
  34.         elemento2.setAttribute("maxlength","40");
  35.         elemento2.setAttribute("name","nombre_" + indiceFila);
  36.         elemento2.setAttribute("id","nombre_" + indiceFila);
  37.         myNewCell.appendChild(elemento2);
  38.  
  39.         myNewCell=myNewRow.insertCell(-1);
  40.         var elemento3 = document.createElement("INPUT");
  41.         elemento3.setAttribute("type","text");
  42.         elemento3.setAttribute("size","10");
  43.         elemento3.setAttribute("maxlength","20");
  44.         elemento3.setAttribute("name","unidad_" + indiceFila);
  45.         elemento3.setAttribute("id","unidad_" + indiceFila);
  46.         myNewCell.appendChild(elemento3);
  47.  
  48.         myNewCell=myNewRow.insertCell(-1);
  49.         var elemento4 = document.createElement("INPUT");
  50.         elemento4.setAttribute("type","text");
  51.         elemento4.setAttribute("size","10");
  52.         elemento4.setAttribute("maxlength","20");
  53.         elemento4.setAttribute("name","cantidad_" + indiceFila);
  54.         elemento4.setAttribute("id","cantidad_" + indiceFila);
  55.         myNewCell.appendChild(elemento4);
  56.     }
  57.  
  58. indiceFila++;
  59. }  
  60. </script>
  61. </head>
  62. <body>
  63. <a href="javascript:void(0);" onClick="NuevaFila()">Adicionar Fila</a>
  64. <br />
  65. <table border="1px" id="tabla">
  66. <tr>
  67. <td>CÓDIGO</td><td>NOMBRE</td><td>UNIDAD</td><td>CANTIDAD</td>
  68. </tr>
  69. </table>
  70. </body>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />