Notifier.js

A simple & lightweight jquery plugin for notifications

Installation

You need to include these files :

Jquery :

<script src="jquery.js"></script>
<script src="jquery-ui.min.js"></script>
<script src="notifier.min.js"></script>

In preference get the jquery libraries which is in reposity

Css :

<link rel="stylesheet" type="text/css" href="css/notifier.css">

Usage

You can call this method everywhere in your code, these are parameter and possible values

(function($)
{
	$.notifier({
		'type': // error | success | warning | info,
		'positionY': // top | bottom,
		'positionX': // left | right,
		'title' : 'Lorem ipsum Eiusmod',
		'text' : 'Lorem ipsum Veniam dolor ea Duis nostrud adipisicing veniam ex nulla proident laboris commodo...',
		'animationIn' : // Animation Entrance : Bounce | Highlight | Pulsat | Shake | Slide ,
		'animationOut' : // Exit Animation : Blind | Clip | Drop | Explode | Fade | Fold | Puff | Pulsat | Shake,
		'delay' : 4000 // (optional) time delay before the notification disparition by default : 4000,
		'number' : 5 // (optional) maximum number of notification in the page by default 5,
		'animationIn_duration' : 'slow' // (optional) entrance animation duration time,
		'animationOut_duration' : 'slow' // (optional) exit animation duration time
	});
})(jQuery);

Demo : http://scripts.bouksou.com/notifier