Mostrar campos de form, dinamicamente

venom_plus · #1 (**permalink**) 22/07/2002, 12:21

Hola a todos:
Desea saber si alguie me puede ayudar (y si es que se puede hacer). Tengo un formulario donde despues de llenar datos generales como nombre, direccion, email, etc., se debe proporcionar la informacion de un producto, algo asi como en una factura (cantidad, descripcion, costo). La cuestion es que los usuarios pueden poner desde solo un producto hasta 20, no quisiera tener que poner los veinte renglones en el formulario. ¿Hay alguna forma (JavaScript, DHTML) para que al principio solo aparezcan 5 renglones y conforme lo requiera el usuario se muestren 5 mas?
Gracias.

unKnown · #2 (**permalink**) 22/07/2002, 14:42

intenta con algo asi

Código:

&lt;script language=&quot;Javascript&quot;&gt;
&lt;!--
function dis(el,el2)
{
document.getElementById(el).style.display=&quot;block&quot;
}
//--&gt;
&lt;/script&gt;

&lt;div id=&quot;i1&quot;&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;a href=&quot;#&quot; onclick=&quot;dis('i2');this.style.visibility='hidden';this.style.position='absolute';return false;&quot;&gt;5 Mas&lt;/a&gt;
&lt;/div&gt;


&lt;div style=&quot;display:none&quot; id=&quot;i2&quot;&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;a href=&quot;#&quot; onclick=&quot;dis('i3');this.style.visibility='hidden';this.style.position='absolute';return false;&quot;&gt;5 Mas&lt;/a&gt;
&lt;/div&gt;

&lt;div style=&quot;display:none&quot; id=&quot;i3&quot;&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;a href=&quot;#&quot; onclick=&quot;dis('i4');this.style.visibility='hidden';this.style.position='absolute';return false;&quot;&gt;5 Mas&lt;/a&gt;

&lt;/div&gt;


&lt;div style=&quot;display:none&quot; id=&quot;i4&quot;&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;input name=&quot;&quot; type=&quot;text&quot; value=&quot;&quot;&gt;&lt;br&gt;
&lt;/div&gt;

<center><hr size="1" width="100%" noshade><a href=javascript:MsgrApp.LaunchIMUI('gpa36@hotmail. com')>
<strong><font face="courier new" color="#666666" size="2">Contact Me?[/CODE]</strong>
<IMG SRC="http://woertman.org:8080/msn/gpa36" border="0"></A></ce

venom_plus · #3 (**permalink**) 25/07/2002, 11:01

Gracias unKnown, voy a probar el codigo que me enviaste.