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 ?

[SylvainPV]

Un lien vers une démo, peut-être ? La page index.html du github ne semble même pas présenter un exemple.

[FirePrawn]

Malheureusement non.
Je ne fais que relayer l'information car ça me semblait intéressant. Maintenant à vous de tester

[Kaamo]

Dommage. A première vue, je pensais que c'était basé sur les chrome.notifications. Mais non. Ils auraient gagné à mettre plus en avant l'outil

[SylvainPV]

Soyons indulgents, le github a moins de 24h
Néanmoins le constructeur sans majuscule en première lettre, je trouve que ça fait tâche.