[Ovillo] Formulario HTML extensible

Rodrigo Álvarez Virgós rodri.virgos en gmail.com
Lun Abr 6 11:58:49 UTC 2009


Hola, Daniel

Daniel Gabana Arellano escribió:
> Hola a todos,
>
> Se me ha presentado un proyecto en el que tengo que hacer un formulario de
> devoluciones de productos.
> El caso es que tengo que poner unos campos que deben poder añadirse
> (pulsando algun boton) dependiendo de cuantos productos quiera el cliente
> devolver ( algo así como lo que tiene Gmail para añadir diferentes archivos
> adjuntos ). Me gustaría saber si alguien de por aquí me puede decir cómo
> hacer esto. He supuesto que se debe hacer con Javascript pero la verdad es
> que no tengo mucha idea.
>
> Espero que me podais ayudar.
>
>   
Este script añade una etiqueta con un campo input[file] al primer 
fieldset que encuentra en el documento, usando DOM. Ajústalo a tus 
necesidades.
Para procesarlo, desde el servidor tendrías que recorrer la variable 
"adjunto" que te llega por post y recorrerla como un array.
 
<script type="text/javascript">
//<![CDATA[
function anadirFoto()
{
    var filAdjunto= document.createElement("input");
    filAdjunto.setAttribute("name", "adjunto[]");
    filAdjunto.setAttribute("type", "file");
    var lblAdjunto = document.createElement("label");
    lblAdjunto.appendChild(document.createTextNode("Adjuntar: "));
    lblAdjunto.appendChild(filAdjunto);
   
    var fieldset = document.getElementsByTagName("fieldset")[0];
    fieldset.appendChild(lbladjunto);
}
//]]>
</script>


Más información sobre la lista de distribución Ovillo