Créez des notifications personnalisées avec notice-js
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.
:fleche: Télécharger notice-js.
Source : notice-js
Et vous ?
:fleche: Utilisez-vous un système de notifications sur vos sites Web ?
