10 formas de implementar Mootools en nuestras aplicaciones web

1. Calendario

Los lenguajes de servidor como PHP nos permite desarrollar interesantes cositas en nuestra web: hacer un calendario es una forma. Pero agregar interactividad mediante AJAX le da un peso adicional, y si a ello le sumamos efectos extras que podemos lograr con JavaScript … sensacional!!


Artículo: http://www.electricprism.com/aeron/calendar/

2. Formulario Web 2.0

Atrás quedaron esos formularios web donde una vez pulsado el botón Enviar rogabas que todo este bien, sino se cargaría nuevamente toda la página. Y ese proceso si que llevaba su tiempito. Pero ahora mediante AJAX, las peticiones ó verificaciones son instántaneas lo que hace el proceso más rápido.


Descargar: http://www.stoutlabs.com/site/post/jazz_up_your_forms_with_mootools_pt_1/
Demo: http://www.stoutlabs.com/demos/formMagic_1.htm

3. Redimensionar Textarea

Es algo a tener en cuenta en nuestras aplicaciones web. Muchos usuarios quieren tener un visión amplia de como va quedando lo que escribe. Claro solo limitado por el tamaño de nuestro monitor 馃槈 .


Artículo: http://ejectmedia.net/examples/moo_textareas/

4. Formulario Login AJAX

Incluir un logueo con AJAX en tus aplicaciones hace que el usuario sienta que todo proceso en tu aplicación web es rápido y directo.


Descargar: http://joeabiraad.com/ajax/ajax-login-form-php-javascript/89
Demo: http://joeabiraad.com/demos/ajax2/

5. Validación de Formulario

Es de vital importancia verificar que los datos a guardar ó enviar sean correctos, eso evita muchos dolores de cabeza a la larga.


Artículo: http://www.phatfusion.net/validate/

6. Personalizar elementos HTML: checkbox, radio buttons y lista/menús

Esto es más enfocado al aspecto del diseño de nuestra aplicación web.


Artículo: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

7. Seleccionar Múltiples Elementos

Como el anterior punto, si a los controles de los formularios HTML le agregamos un diseño agradable pues va a llamar mucho la atención del usuario.


Artículo: http://www.wollzelle.com/os/multiple-select-widget/

8. Validar Formularios (otra forma)

Otra forma de implementar un validador de datos en los formularios.


Descargar: http://zendold.lojcomm.com.br/fvalidator/
Demo: http://zendold.lojcomm.com.br/fvalidator/exampleA.asp

9. iMask

Esta es una forma de hacer que el usuario escriba sólo lo que debe escribir. No falta quien escribe letras donde debe ir el número telefónico, por ejemplo.


Artículo: http://zendold.lojcomm.com.br/imask/

10. Lista de Autocompletado en Cajas de Texto

Útil, muy útil cuando se desea saber si cierta palabra ó palabras están incluidas en lista de búsqueda.

Artículo: http://devthought.com/textboxlist-meets-autocompletion/

Vía CatsWhoCode.com

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.