Source Code

Plugin Code

The latest released IE and FF plugin sources. Sources are released under the GPLv3 License.

jQuery Sticky Notes Javascript Plugin

Download ui-jquery-sticky-src.zip »

This plugin creates sticky notes on a web page. Configuration options include to set each note's
size, color, position, draggbalility, resizability, opacity, onclose event, ondrag event, fade delays.
Released under the GPL/MIT Licenses.

Dependencies: ui.mouse.js, ui.draggable.js, ui.resizable.js

Documentation

Options
width width of the sticky default: 150px
height height of the sticky default: 100px
draggable make sticky draggable default: true
resizeable make sticky resizable default: false
backgroundColor background color of the sticky default: #fefe81
onclose callback when closed. return false if you dont want the sticky to be closed    default: null
ondragstop callback when sticky has stopped being dragged default: null
onresize callback when sticky changes size default: null
fade makes sticky see through default: true
fade_delay time in ms for the sticky to fade to fade_opacity default: 1
fade_opacity the final opacity of the sticky default: 0.95

Demos

Try Me » jQuery.sticky.add({html:'Hello World'});
Try Me » jQuery.sticky.add({onclose:function(){alert('Hello World!';)},html:'close this sticky'})
Try Me » jQuery.sticky.add({onclose:function(){return false;)},html:'cant close me'})
Try Me »
Im a plain div with id="div1"
jQuery("#div").sticky()
Try Me » jQuery.sticky.add({html:'hard on the eyes',backgroundColor:'red',fade_delay:3000,fade_opacity:0.3})