Créez des notifications personnalisées avec notice-js

Le 2013-08-07 10:35:51, par FirePrawn, Expert éminent sénior

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 :

new notice('Howdy, Folks!');

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

Code :

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 :

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 :

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 ?