Alertify es pequeña librería para la mostrar interesantes ventanas de diálogo y notificaciones. Es fácil de personalizar con CSS, posee una API sencilla, además no depende de librerías de terceros (pero se adapta muy bien a ellos).
Este plugin está completamente en Inglés en su página oficial. Pero es muy fácil adaptar al español.
Principales características de Alertify.js:
- Código Javascript no invasivo y ligero.
- Fácil de implementar.
- Permite crear diálogos de alertas, confirmaciones y de entrada de datos.
- Permite crear etiquetas de botones personalizadas.
- Permite crear mensajes de log personalizados.
- Alertify.js es una completa solución para crear elementos personalizados en la interfaz de cualquier desarrollo web sin sacrificar tiempo ni usabilidad.
// diálogo de alerta alertify.alert("Mensaje");
// diálogo de confirmación alertify.confirm("Mensaje", function (e) { if (e) { // Usuario ha hecho clic en "aceptar" } else { // Usuario ha hecho clic en "cancelar" } });
// diálogo con entrada de texto alertify.prompt("Mensaje", function (e, str) { // str contiene el texto introducido if (e) { // Usuario ha hecho clic en "aceptar" } else { // Usuario ha hecho clic en "cancelar" } }, "Valor predeterminado");
Notificaciones
// notificación básica alertify.log("Notificación");
// notificación básica alertify.success("Notificación correcta");
// notificación básica alertify.error("Notificación erronea");
Un video explicando su implementación:
Visitar la web official | github | cdn
Nuestra demostración en jsfiddle
Alternativas a alertify.js no oficiales:
No hay comentarios.:
Publicar un comentario