Discussion :

[FirePrawn]

Personnalisez vos notifications (alertes, informations, etc.)
En utilisant ce script JavaScript et un peu de CSS

Notice-js vous offre la possibilité d'afficher des notifications diverses et variées sur vos sites Web grâce à une simple ligne de JavaScript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

new notice('Howdy, Folks!');

Ce script supporte également AMD (RequireJS) pour les habitués :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
define(['notice'], function(){
    new notice('I love RequireJS');
});

L'utilisation de notice-js est simpliste.
Soit vous créez une notification basique en passant simplement le texte de la notification en paramètre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var mynotice = new notice('My cool notice');

Soit vous créez une notification un peu plus avancée en passant également un objet en paramètre (objet disposant de plusieurs options) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var mynotice = new notice('My even cooler notice', {
    animate: false,
    safe: false,
    type: 'alert',
    timeout: 5000,
    onclick: function(){},
    ontimeout: null
});

Toutes ces options vous permettent de personnaliser votre notification et de la rendre user-friendly. Par exemple l'option animate vous permet d'ajouter un fade out lorsque la notification disparait.

Pour plus d'informations sur les options et les méthodes disponibles sur l'objet notice je vous invite à consulter la documentation officielle.

Télécharger notice-js.


Source : notice-js

Et vous ?

Utilisez-vous un système de notifications sur vos sites Web ?