Stickies - A jQuery UI Sticky Note

jQuery UI Stickies is a lightweight jQuery UI sticky note widget. The widget functions as a simple movable, resizable writing area designed to be used for simple annotations.

Source: github.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" type="text/css" href="../libs/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="../src/stickies.css" />
<script type="text/javascript" src="../libs/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../libs/jquery-ui.min.js"></script>
<script type="text/javascript" src="../src/core.js"></script>

2. HTML

<a class="js-create-sticky" href="#">Create Sticky</a>

3. JAVASCRIPT

$( ".js-create-sticky" ).on( "click", function() {
	$( "<textarea>" ).appendTo( ".page-extender" ).stickies();
	return false;
});