Sticky. A super simple notification system for jQuery

Let's face it, your users need sweet little notifications to keep them all warm and fuzzy inside. Sticky allows you to send such messages with ease, and class. Quickly notify a user of software updates, process completions, or annoy them with registration reminders.

Demo

Let's start with some basic messages. The default position is top-right with an 'autoclose' of 5 seconds. You'll also notice that duplicates are allowed, although you can disable duplicate messages within the settings.

Returned:

As you can see above, a bit of JSON will be returned with some potentially pertinent information.

Download

Sticky is just a little guy. About 3.8kb in total for the full and 2.1kb for the minified version.

Download full Download minified GitHub

Implementing

Getting sticky up and running is extremely easy. Just add jQuery to your head section along with the Sticky files.

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="sticky.js"></script>
<link rel="stylesheet" href="sticky.css" type="text/css" />

Don't forget the close.png image file! Make sure it is in the same directory as sticky.js.

Now, you're ready to get busy sending Sticky notes!

$(document).ready(function() {
	 $.sticky('The page has loaded!');
 });

Or attach it to the object your choice.

$('#download_status').sticky();

Manipulating

The styling behind Sticky is all CSS. If you want to go for a different look, that's how you'll make it happen. The position can't change from one Sticky to another so that option cannot be passed when calling Sticky. You will have to edit that variable within the sticky.js file to change the position. The other options are pretty straight forward and easy to adjust.

var position = 'top-right'; 	// top-left, top-right, bottom-left, or bottom-right

var settings = {
	'speed' : 'fast',	// animations: fast, slow, or integer
	'duplicates' : true,	// true or false
	'autoclose' : 5000 // integer or false
};

License

Licensed under the MIT License

Please note that this is an outdated library and may not function as it once did. Please use at your own risk and know that I will do my best to release an updated version of this in the near future.