Sexy Alert Box, alertas javascript con estilo

Sexy Alert Box, alertas javascript con estilo

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

Sexy Alert Box, alertas javascript con estilo - sexyalertbox

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