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

Le , 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 : Sélectionner tout
new notice('Howdy, Folks!');
Ce script supporte également AMD (RequireJS) pour les habitués :

Code : Sélectionner tout
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
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
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 ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de SylvainPV SylvainPV - Rédacteur/Modérateur https://www.developpez.com
le 07/08/2013 à 14:01
Un lien vers une démo, peut-être ? La page index.html du github ne semble même pas présenter un exemple.
Avatar de FirePrawn FirePrawn - Expert éminent sénior https://www.developpez.com
le 07/08/2013 à 14:21
Malheureusement non.
Je ne fais que relayer l'information car ça me semblait intéressant. Maintenant à vous de tester
Avatar de Kaamo Kaamo - Membre expert https://www.developpez.com
le 07/08/2013 à 14:24
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
Avatar de SylvainPV SylvainPV - Rédacteur/Modérateur https://www.developpez.com
le 07/08/2013 à 14:33
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.
Offres d'emploi IT
Responsable transverse - engagement métiers H/F
Safran - Ile de France - Corbeil-Essonnes (91100)
Responsable protection des données H/F
Safran - Ile de France - Magny-les-Hameaux (78114)
Ingénieur H/F
Safran - Ile de France - Moissy-Cramayel (77550)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -