Tabla

dimmi · #1 (**permalink**) 26/03/2002, 13:45

Hola que tal, el problema es el siguiente : tengo un formulario en el cual hay un tabla en la que el usuario captura su pedido, lo que pretendo es que dicha tabla cuente por ejemplo con un boton , el cual me permita incrementar un registro o una fila mas a la tabla si el usuario asi lo requiere, ya que actualmente pido al usuario que establezca cuantos regitros va a utilizar y eso se me hace poco practico ya que si llena todos los registros y necesitara otro , tendria que llenar otro documento.

gracias por su ayuda.

Kaopectate · #2 (**permalink**) 26/03/2002, 22:37

Hola dimmi

Para hacer ese tipo de cosas yo uso un par de feames, uno donde yo le genero cada vez que quiero el contenido completo y otro dummy.

Prueba el siguiente ejemplo:

Código:

&lt;html&gt;
 &lt;head&gt;
  &lt;script language=&quot;Javascript&quot;&gt;
   var nResp = 0;
   var aResp = new Array(&quot;&quot;, &quot;&quot;, &quot;&quot;, &quot;&quot;, &quot;&quot;,
                         &quot;&quot;, &quot;&quot;, &quot;&quot;, &quot;&quot;, &quot;&quot;,
                         &quot;&quot;, &quot;&quot;, &quot;&quot;, &quot;&quot;, &quot;&quot;,
                         &quot;&quot;, &quot;&quot;, &quot;&quot;, &quot;&quot;, &quot;&quot;);

   function escFormul(){
    with (frTrabajo){
     document.open();
     document.write(&quot;&lt;html&gt;&quot;);
     document.write(&quot;&lt;head&gt;&quot;);
     document.write(&quot;&lt;/head&gt;&quot;);
     document.write(&quot;&lt;body&gt;&quot;);
     document.write(&quot;&lt;form name='formulario'&gt;&quot;);
     for (var i = 0; i &lt; nResp; i++){
      document.write((i + 1) + &quot;a pregunta: &quot;);
      document.write(&quot;&lt;input type='text' name='var&quot; + i + &quot;' value='&quot; + aResp[i ] + &quot;'&gt;&lt;br&gt;&quot;);
     }
     document.write(&quot;&lt;br&gt;&quot;);
     document.write(&quot;&lt;input type='button' name='boton' value='agregar pregunta' onclick='parent.recalcula()'&gt;&quot;);
     document.write(&quot;&lt;/form&gt;&quot;);
     document.write(&quot;&lt;/body&gt;&quot;);
     document.write(&quot;&lt;/html&gt;&quot;);
     document.close();
    }
   }

   function recalcula(){
    nResp++;
    for (var i = 0; i &lt; nResp - 1; i++){
     eval(&quot;aResp[i ] = frTrabajo.document.formulario.var&quot; + i + &quot;.value&quot;);
    }
    escFormul();
   }
  &lt;/script&gt;
 &lt;/head&gt;
 &lt;frameset rows=&quot;*,0&quot; onload=&quot;escFormul()&quot;&gt;
  &lt;frame name=&quot;frTrabajo&quot; src=&quot;dummyPg.htm&quot;&gt;
  &lt;frame name=&quot;frDummy&quot; src=&quot;dummyPg.htm&quot;&gt;
 &lt;/frameset&gt;
&lt;/html&gt;

Cualquier duda me avisas.

Korrikalari · #3 (**permalink**) 27/03/2002, 09:23

Hola dimmi:

Para añadir dinámicamente filas y celdas a una tabla, yo utilizo los métodos insertCell e insertRow. Puedes encontrar documentación sobre ello en la librería de microsoft:

<a href='ir.asp?http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/methods.asp' target='_blank'>http://msdn.microsoft.com/library/defaul...</a>

El proceso es sencillo:

1. Insertas la fila
2. Insertas la(s) celda(s)
3. Das contenido a la(s) celda(s)

Espero que te sirva.

Korrikalari

Kaopectate · #4 (**permalink**) 27/03/2002, 10:16

Ojo: Esos métodos son solo para Microsoft.