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:
