Ventanas modales con Mootools

Mootools es un framework con muchisimas cosas buenas, inclusive algunas de ellas mejor que jQuery, pero lamentablemente la comunidad de este decrece a medida que transcurre el tiempo, por suerte para muchos, aún existen muchas personas interesadas en mejorar este proyecto, trabajando continuamente en crear nuevos plugins utiles.

Un buen plugin para mootools es Simple Modal, que como su nombre indica, sirve para crear ventanas modales fácilmente, de forma ordenada y con apenas unas líneas de código.

El plugin fue desarrollado por la gente de Plasmit, una empresa italiana que trabaja en el desarrollo de aplicaciones web.

En la web oficial de este proyecto pueden ver varias demostraciones de funcionamiento. Pero resumiendo podemos crear distintas ventanas modales según nuestras necesidades:

  • Alertas simples.
  • Alertas que requieren confirmación.
  • Cuadros modales para mostrar información.
  • Cuadros modales llamados mediante AJAX.
  • Ventanas modales para mostrar imágenes y vídeos.

Otro detalle interesante es que las ventanas modales se pueden configurar, por un lado modificando la animación para mostrarse. Y por otro cambiando sutilmente el aspecto visual para ajustarlo perfectamente a la imagen de nuestro sitio web.

Ejemplo de código para mostrar una alerta:

$("myElement").addEvent("click", function(){
        var SM = new SimpleModal({"btn_ok":"Alert button"});
            SM.show({
              "title":"Title",
              "contents":"Your message..."
            });
      });

Les recomiendo visitar la web oficial del proyecto en donde encontraran más información, ademas de muchas opciones distintas de configuración de estas ventanas modales mootools.

Web: Simple Modal