Notificaciones de Growl personalizables con barras de progreso-SimpleNotification

Vista prévia

Descripción

El plugin SimpleNotification JavaScript ayuda a los desarrolladores a crear notificaciones personalizadas, temporales y de estilo Growl con barras de progreso de cuenta regresiva en la página.

También es compatible con el modo ' Sticky ' que las notificaciones siempre serán visibles hasta que se hace clic.

Actualmente viene con 5 tipos de notificación: éxito, información, error, ADVERTENCIA y mensaje.

Funcionamiento

Descargue e importe los archivos de SimpleNotification en el documento.

<link rel="stylesheet" href="src/simpleNotification.css">
<script src="src/simpleNotification.js"></script>

Cree notificaciones con la siguiente sintaxis.

// success notification
SimpleNotification.success(title, text, options);

// information notification
SimpleNotification.info(title, text, options);

// error notification
SimpleNotification.error(title, text, options);

// warning notification
SimpleNotification.warning(title, text, options);

// message notification
SimpleNotification.message(title, text, options);

Opciones posibles para personalizar las notificaciones.

// options
{


// image for notification

image: undefined,


// close on click

closeOnClick: true,


// top-left, top-right, bottom-left and bottom-right

position: "top-right",


// duration in ms

duration: 4000,


// fadeout in ms

fadeout: 750,


// enable/disable sticky mode

sticky: false


}

Registro de cambios

v1.1 (03/27/2019)

• Las notificaciones ahora pueden tener un botón de cierre y el clic predeterminado para cerrar el comportamiento se puede deshabilitar.