MooStepForm
Hoy repasando los RSS, he visto que anieto2k ha publicado un script para jQuery que convertia un formulario en varios pasos. Lo que ha hecho tener la idea de hacer lo mismo pero con Mootools.
El funcionamiento es el mismo que el script de anieto2k, busca por defecto un formulario (estoy preparandolo para que funcione con mas de uno…) con la class stepMe y lo divide por fieldsets.
Se puede personalizar al crear la clase:
- strBack: ‘string de volver’
- strNext: ‘string de siguiente’
- blockEl: ‘tag para usar en la division’
- className: ‘class del formulario’
He adjuntado un pequeño fichero HTML para verlo en funcionamiento (AVISO: no tiene CSS!!)
Lo podeis descargar aqui: MooStepForm v.0.1
5 Comments to “MooStepForm”
Leave a Reply
[...] Neumann ha portado el script a MooTools para los usuarios de este framework. La verdad es que la claridad del código no tiene comparación. ← Navegación basada en [...]
Hola
me parece que se podria adaptar a mis necesidades, pero ¿como recojo los datos que me rellenan en el formulario?
Buenas, me parece muy bueno este plug-in, ayuda bastante a la hora de tener un formulario que solicite distintos tipos de datos. Respondiendo a tu pregunta, los datos se introducen en el formulario, luego de que el usuario inserte todos los datos y presione en el boton envia los datos a algun lado (metodo post o get) en ese caso los campos tienen un ID y nombre, a partir de el ID puedes obtener los valores q contiene cada campo. Saludos!!!
Hola! Mirá hago la misma consulta que F Jose
Como recojes los datos ingresados, como para que llegen al mail..
Gracias!
Hola
el formulario es una formulario normal, por lo que dandole a enviar se envia por POST/GET (segun este configurado en el ). El JS solo cambia la forma de mostar el formulario, si desactivas el JS, el formulario aparece entero en la pagina.
Como extra se podria implementar que el script cada vez que le das a la siguiente pagina, enviara los datos actuales por AJAX y se fueran recolectando.