jNotify – Plugin jQuery – La notification à portée de clic

Aujourd’hui, un plugin jQuery qui se veut simple, mais pratique. En effet, vous avez toujours besoin sur vos sites internet dynamiques de notifier des éléments à vos utilisateurs. Par exemple, « Enregistrement effectué« , « Image correctement téléchargée » ou même « Désolé, cette action est impossible« .

warning jQuery

Pour se faire on utilise des boites de dialogue qui annoncent ce genre de message. jNotify, va vous permettre de faire ça très simplement et rapidement, avec diverses options comme le délais d’affichage, une action de fermeture etc…

Vous pouvez vous procurer le plugin via ce lien (.zip) et l’utiliser ainsi :

Appel des librairies

<!---// load the jNotify CSS stylesheet //--->
<link type="text/css" href="css/jquery.jnotify.css" rel="stylesheet" media="all" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jnotify.js"></script>

Puis l’utiliser ainsi :

$.jnotify("Notification par défaut.");

Bien entendu, y mettre dans une action de clic ou autre pour faire apparaitre la notification.
Par exemple :

$("#notify").click(function () {
      $.jnotify("hello World");
    });

Quand vous cliquerez sur l’élément avec l’id #notify, vous allez avoir une notification par défaut disant : « Hello World ».

Évidemment, il existe plusieurs options et syntaxes, que l’on peut utiliser ainsi :

$.jnotify(message, [options]);
$.jnotify(message, delay);
$.jnotify(message, sticky);
$.jnotify(message, type, [delay/sticky]);

Pour toutes les options et plus d’exemples, je vous laisse vous rendre sur le site du plugin : http://www.givainc.com/labs/jnotify_jquery_plugin.htm

Articles qui peuvent vous intéresser :

Leave a Reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *


*