Magazine Internet

Gritter, un plugin jQuery pour créer des notifications growl

Publié le 14 juillet 2009 par Dator

jquery-gritter
Quand vous développez des applications web, il est bien de prévenir vos utilisateurs des actions qu’ils viennent d’effectuer, on peut donc utiliser un simple message flash, ou alors des notifications de type Growl.

Utilisation

Il vous suffit de lancer une notification avec ce petit bout de code :

$.gritter.add({
	// (string | mandatory) the heading of the notification
	title: 'This is a sticky notice!',
	// (string | mandatory) the text inside the notification
	text: 'This will not go away until the user has hit the (x) button because sticky has been set to true.',
	// (string | optional) the image to display on the left
	image: 'http://a0.twimg.com/profile_images/59268975/jquery_avatar_bigger.png',
	// (bool | optional) if you want it to fade out on its own or just sit there
	sticky: true,
	// (int | optional) the time you want it to be alive for before fading out (milliseconds)
	time: 8000
});

Cette méthode retourne un entier unique ce qui vous permettra de supprimer cette notification quand vous le voulez avec la méthode :

$.gritter.remove(unique_id, {
	fade: true, // optional
	speed: 'fast' // optional
});

Conclusion

Ce plugin peut être vraiment très pratique et je vous le recommande ! Vous pouvez télécharger le plugin sur le site officiel et regarder une démonstration.


Retour à La Une de Logo Paperblog

A propos de l’auteur


Dator 51 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte