Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

Le , par FirePrawn

23PARTAGES

0  0 
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 ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de 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.
0  0 
Avatar de 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
0  0 
Avatar de Kaamo
Membre émérite 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
0  0 
Avatar de 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.
0  0