Growler, Alertas en javascript con estilo utilizando Prototype

Tuesday, Octubre 21st, 2008

Growler es un script para prototype basado en la libreria Growl para MooTools de Daniel Mota. La función de Growler es muy simple se trata de mandar alertas con un estilo diferente (y mas bonito) a las alertas tradicionales pero a diferencia de Growl, este script utiliza Prototype para su funcionamiento.

Growler tiene varios parametros para adaptar las alertas a nuestra aplicación.

Enlaces:

Me enteré gracias a aNieto2k

Sexy Alert Box, alertas javascript con estilo

Monday, Agosto 25th, 2008

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

Herramientas para desarrollar en Javascript/Ajax más rápido

Thursday, Junio 26th, 2008

Si programas en Javascript/Ajax te recomiendo esta lista que ha hecho noupe ya que contiene mas de 23 herramientas para desarrollar en javascript y Ajax que te pueden ayudar a optimizar tiempos.

Javascript

Enlace: 23+ Impressive Tools for Faster Javascript/Ajax Development

Más de Ajax:

Vía: Dzone

curvyCorners, esquinas redondeadas con javascript sin complicaciones

Tuesday, Mayo 13th, 2008

curvyCorners es una librería gratuita de javascript que permite generar esquinas redondeadas para cualquier DIV HTML en nuestra página web.

esquinas redondeadas javascript

Entre sus características están:

  • Es gratis
  • De fácil uso
  • No requiere ninguna imagen o edición de imagenes.
  • Soporte para imágenes de fondo.
  • Entre otras.

Enlace: curvyCorners | Modo de empleo | Demostración

También te puede interesar:

Clones de lightbox (Tabla comparativa)

Thursday, Abril 24th, 2008

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”.

clones lightbox javascript

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:

Plugins de Mootools

Friday, Abril 11th, 2008

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



Tu banner aquí

Recibir Artículos Por Email