Dator Blog

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.