Mensajes al estilo OS X con jQuery

jGrowl es un plugin jQuery que muestra mensajes no intrusivos de forma muy similar a los que muestra el framework Growl para OS X para alertarnos sobre algún evento.

En su versión comprimida el plugin tiene un peso aproximado de 8kb, si este archivo es enviado al navegador utilizando ademas la compresión gzip el tamaño resultante es significativamente pequeño.

jGrowl es una excelente alternativa a plugins similares para mostrar mensajes como por ejemplo el utilizado y comentado hace unos días para desplegar alertas deslizantes.

El plugin tiene disponible entre sus capacidades de configuración opciones como:

• Configurar el tiempo que el mensaje se muestra.
• Elegir si queremos mostrar el mensaje y que el mismo se cierre solo por intervención del usuario.
• Resaltar un mensaje determinado remarcando el encabezado y cuerpo.
• Utilizar funciones para ejecutar comandos antes o después de ejecutado el mensaje.

Utilizar el plugin es muy simple, una implementación de ejemplo:

$.jGrowl("A message that will live a little longer.", { life: 10000 });

En el ejemplo se mostraría el mensaje y esperaría 1000 ms antes de cerrar automáticamente.

Un detalle interesante es que jGrowl contempla la situación en la que se muestran varias alertas, apilando automáticamente las mismas y dando la opción al usuario de cerrar todas con un simple click.

Web: jGrowl