WebAdictos - Una dosis diaria de web

Quieres adentrarte a la libreria Mootools pero no sabes como? entonces te recomiendo visites los tutoriales que ha preparado el sitio consideropen donde durante 30 dias publicaran tutoriales de mootools para aprender por completo el uso de esta excelente libreria.

El indice del minicurso de mootools es el siguiente:

• Dia 1 - Intro to the Mootools 1.2 Library
• Dia 2 - Selectors
• Dia 3 - Intro to Using Arrays
• Dia 4 - Functions
• Dia 5 - Event Handling
• Dia 6 - Manipulating HTML
• Dia 7 - Setting and Getting Style Properties
• Dia 8 - Input Filtering Part 1 (numbers)
• Dia 9 - Input Filtering Part 2 (strings)
• Dia 10 - Using Fx.Tween
• Dia 11 - Fx.Morph, Options and Events
• Dia 12 - Drag and Drop with Drag.Move
• Dia 13 - Regular Expressions
• Dia 14 - Periodical and Intro to Hashes
• Dia 15 - Sliders
• Day 16 - Sortables
• Day 17 - Accordian
• Day 18 - Tool Tips
• Day 19 - Fx.Slide and Intro to Methods

El curso está en ingles pero muy entendible.

Relacionados:

• Plugins de Mootools
• Scripts de Mootools para formularios
• contextMenoo Menú Contextual En MooTools
• MooCicle - Galeria de Imagenes en Mootools
• Galeria de Imagenes en Javascript con MooTools

Sexy Alert Box es un clon “sexy” del clásico alert de javascript. Está basado en PBBAcpBox (un script que lamentablemente el autor paró de desarrollar) sin embargo, el código fue publicado bajo una licencia libre, con lo cual pude mejorarlo y adaptarlo a la versión 1.2 de Mootools.

Entre las características de SexyAlertBox encontramos:

• Estilo: Mostrar mensajes de error de una manera más bonita.
• Compatibilidad: Funciona tanto en navegadores modernos, como en Internet Explorer.
• Requiere: Mootools 1.2

Demostración

Puedes ver la demostración del script en el siguiente enlace: Ver demo.

¿Cómo se usa?

Primero debemos crear la clase, en el evento domready:

JavaScript:

window.addEvent(’domready’, function() {
var Sexy = new SexyAlertBox();
});

Usar SexyAlertBox es fácil:

JavaScript:

Sexy.alert(’Hello world!’);

Para crear un alert más personalizado, puedes usar el segundo parámetro:

JavaScript:

Sexy.alert(’Hello world!’, {
textBoxBtnOk: ‘Quiero Salir’
});

Lee la documentación para ver todas las opciones disponibles.

Descargar

Descarga SexyAlertBox.zip (SexyAlertBox.js + mootools + ejemplos)
Descarga SexyAlertBox.mini.js (versión comprimida)

Enlace: Sexy Alert Box

Colaborador: Amir Canto

Desde catswhocode nos presentan una lista de 10 Scripts de MooTools para optimizar los formularios html,  encontraremos scripts de calendarios, validación, autocompletar entre otros. Enlace: 10 Mootools scripts for enhancing your html forms

Excelente tabla comparativa que ha creado planetozh donde presenta todos los scripts que despliegan imagenes en ventanas CSS. El primero que hizo esto fue Lightbox de ahi que se digan “Clones de lightbox”.

En la tabla podemos filtrar los resultados por libreria (JQuery, Prototype, MooTools, YUI) y por características (Despliege de imagenes, videos, etc)

Enlace: The lightbox clones matrix

También te puede interesar:

• ShadowBox, Visor multimedia estilo lightbox
• Insertar Mapas de Google Estilo LightBox
• MOOdalBox - Ventanas Modales Con Javascript Estilo LightBox
• VideoBox - Mostrar Videos Estilo LightBox
• lightwindow v1.1
• Ventanas Flotantes en Javascript con GreyBox

Ya vimos plugins para jQuery y ahora toca el turno de MooTools, leyendo aNieto2k me encuentro con una interesante lista de los mejores plugins para mootools realizada por speckyboy. Enlace: 41 of the Best MooTools Ajax Example Downloads

Suena un poco extraña la combinación pero supongo a los que utilizan mootools les agradará y les parecerá algo familiar. mooHP es un framework en PHP que utiliza la sintaxis del framework javascript mooTools. Funciona en PHP 5.2.1 y superiores.

Ejemplo de mooHP:

(more…)