jueves, 19 de febrero de 2015

Alertify un plugin para realizar alertas y notificaciones personalizados


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.
Ejemplos de su uso:
// 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