[Javascript] Sexy Alert Box: Mejorando el alert de Javascript

Creo que ahora si le voy ha echar muchas ganas ha este blog, como ya terminaron las vacaciones las visitas han empezado a subir de muy buena forma, ahora si vamos por las 1000 diarias para lo cual ya falta poco.

Y bien, como ando tan a gusto posteare algo muy interesante y muy útil para los desarrolladores Web, y es un script que me encontré para poder mejorar nuestras aplicaciones, inclusive yo lo estoy pensando seriamente en usarlo con mi proyecto.

Se llama Sexy Alert Box,y retomando lo que dicen en coders.me 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.Eduardo

Ahora bien de que se trata este script, bien recordemos que todos los programadores alguna vez hemos usando la famosa función Alert de Javascript, pues como Eduardo lo dice,el ha retomado un código y lo ha mejorado para poder usarlo con Mootools, para que ese clásico Alert funcione y se vea mejor, como lo muestra la siguiente imagen.

sexyalertbox

Para usarla es muy simple solo tenemos que agregar el siguiente código a nuestra pagina web.

PLAIN TEXT
JAVASCRIPT:

  1. <script src=”mootools.js” type=”text/javascript”></script>
  2. <script src=”sexyalertbox.v1.js” type=”text/javascript”></script>
  3. <link rel=”stylesheet” href=”sexyalertbox.css” type=”text/css” media=”all” />
  4. <script type=”text/Javascript”>
  5. //Lo cargamos despues de que carge el DOM
  6. window.addEvent(‘domready’, function() {
  7. var Sexy = new SexyAlertBox();
  8. })
  9. //Lo usamos
  10. Sexy.alert(‘Hello world!’);
  11. //O lo usamos con algunos de los parametros que nos indican en su web
  12. Sexy.alert(‘Hello world!’, {
  13. textBoxBtnOk: ‘Quiero Salir’
  14. });
  15. </script>

De esta forma ya podremos usarlo y disfrutar de la ventajas de este script, esta licenciado bajo la licencia MIT.
Mas información y documentación de este script en | Sexy Alert Box
Descarga SexyAlertBox.mini.js (versión comprimida)
Descarga SexyAlertBox.zip (SexyAlertBox.js + mootools + ejemplos)

Leave a Comment

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