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

  • http://--- Oscar
    No me apunta a ninguna descarga :S
  • Mario
    Hola interesante estas alertas jeje !! solo tengo una cuando sale mi alerta solo sale texto y el boton el cuadrito no me sale supongo que sera xq no coje bien las imagenes pero voy al css y esta ruta url(‘images/bg-box-body.png’) es donde estan las imagenes y claro en la pagina que muestro la alerta tmb esta importado el css y los demas estilo funcionan pero el de las imagenes no lo coje o habra que llamar a esas imagenes de otra manera ayuda por fis