Notify.js
Este es un plugin para la gesti贸n de notificaciones responsivas y minimalistas estilo toast
:
Ejemplos de uso:
Este plugin necesita jQuery.
Se usaron las herramientas de TinyColor para el manejo de colores.
aqu铆.
Puedes probar el demo<script src="/path/to/jquery.min.js"></script> <script src="/path/to/notify.min.js"></script>
Opciones:
// Mostrando valores por defecto var opciones = { color: '#323232', // random, hex, rgb(a), nombre position: 'right', // right, left rounded: false, // boolean content: null, // String del mensaje callback: null, // Funci贸n ejecutada al destruir el mensaje timeout: 4000 // Tiempo para auto destrucci贸n de notificaci贸n }
Creando notificaciones:
B谩sicas:
Notify('Esta es una notificaci贸n');
Personalizadas:
Notify({ content: 'Hola usuario', color: 'random', timeout: 1000 }) Notify({ content: 'Hey you...', color: 'pink', position: 'left', rounded: true })
Usando callbacks
// Definici贸n local: Notify({ content: 'Hola usuario', color: 'blue', timeout: 5000, rounded: true, position: 'left', callback: function() { alert('Mensaje desde callback'); } }) // Reutilizando funciones: Notify({ content: 'Hola usuario', color: 'blue', timeout: 5000, callback: foo }) var foo = function () { alert('Mensaje de prueba...'); }