Mensaje de alertas con jQuery


Cuantas veces nos encontramos con una interface en la que mostrar una notificaci贸n por cuestiones de espacio es pr谩cticamente imposible sin tener que retocar todo el dise帽o. Para estos casos podemos utilizar el plugin jQuery SlideNote.
SlideNote es un peque帽o plugin que nos permite con tan solo unas lineas de c贸digo mostrar alertas deslizantes, sin demasiadas complicaciones y con un aspecto visual muy atractivo.
Para los amantes de WordPress la buena noticia es que SlideNote tiene disponible en descarga su versi贸n de plugin WordPress para instalarlo f谩cilmente desde el tablero de nuestro gestor de contenidos.
Las alertas se despliegan con un efecto slide, y se ocultan con el mismo efecto en sentido opuesto. El plugin se puede personalizar bastante, algo que podemos cambiar f谩cilmente es, por ejemplo, el bot贸n de cerrar el dialogo tan solo indicando la ruta a la nueva imagen que deseamos utilizar.
Dentro de las posibilidades tenemos la de obtener la nota utilizando AJAX, personalmente encuentro esta opci贸n muy buena para sitios que desean mostrar muchas alertas variadas, utilizar Ajax nos evita tener que cargar muchas divs invisibles incrementando el peso de nuestro documento.
Ejemplo de implementaci贸n:
$(‘#myNotification’).slideNote({
where: 640,
corner: ‘left’,
url: ‘ajax.html’,
container: ‘note’,
closeImage: ‘/images/close.png’
});
Para los que nos preocupa el rendimiento, el plugin cuenta con una pagina de pruebas en donde podemos ver el rendimiento del plugin en distintos escenarios.

Califica este Artículo
0 / 5 (0 votos)

Categoría: Programaci贸n.




Deja un comentario