[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