An unbelievably simple notification system for jQuery
JavaScript
Pull request Compare This branch is 12 commits ahead, 3 commits behind ThrivingKings:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
demo.html
demo.jpg
jquery-1.7.1.min.js
sticky.css
sticky.js

README.md

Sticky

A super simple notification system for jQuery, similar to Growl notifications.

Project page on Github - https://github.com/makuchaku/sticky2

Usage

Include the files in your document's header:

<script type="text/javascript" src="/path/to/your/jquery.js"></script>
<script type="text/javascript" src="sticky.js"></script>
<link rel="stylesheet" type="text/css" href="sticky.css" />

Basic Usage

$.sticky('This is a Sticky Note!');

Advanced Options

$.sticky(
  'This is a very special Sticky Note!', 
  {
    speed : 1500, 
    position : 'top-center',
    duplicates : false,
    autoclose : false
  }, 
  function(args){ /*onShow Callback*/ }
);

$.sticky(
  {
    link : "http://www.android.com/",
    image : "demo.jpg",
    title : "Demo Notification",
    text : "This is a demo notification which was requested in a more structured manner. This notification should have an image, title, text & would be clickable."
  }, 
  {
    speed : 1500, 
    position : 'top-center',
    duplicates : false,
    autoclose : false
  }, 
  function(args){ /*onShow Callback*/ }
);

Authors

Original Author: Daniel Raftery

Branched Author: makuchaku

Browser compatibility

  • Chrome 8.0+
  • Firefox 3.0+
  • Safari 4.0+
  • Internet Explorer 7.0+

License

This work is licensed under the MIT License.