jNottery - Leave notes on your website

jNottery is a jQuery plugin that lets you add notes and markers to webpages. All the data is encoded as a part of an URL which makes it easy to share or save.

The library consists of 3 independent modules:

• core: hash encoder/decoder, notes manager
• tooltip: fully styled tooltip designed to be comaptible with core
• vendor: connectors with external services

• when you maintaining website with a lot of text and images, which users comment on
• when you're looking for effective way to encourage users to bookmark and share link to your page
• in early stages of website development when you need to exchange a lot of information about the look and structure of your webapp with clients
• it's great for any type of content sharing: scores in online games, markers on maps, values of forms etc.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: jnottery.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" href="path/to/unzipped/jnottery-v0.1.0-pa.css">
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="path/to/unzipped/jnottery-full-v0.1.0-pa.min.js"></script>

2. HTML

 <img src="1.jpg"/>

3. JAVASCRIPT

function highlight(note) {
	tt(note).css('border', '2px solid red'); 
}

$(function() {
	tt(document.body).init({
		vendor: {
			bitly: {
				access_token: '6ac37eb4b01df1c20f610a7d73485a1a2ea3bd73'
			}
		},   
		onElementNote: highlight 
	});

	$('img').click(function() {
		var tooltip = tt(this).tooltip({
			position: 'auto',
			view: {
				title: 'Add note to image'
			}
		});

		tooltip.on({
			'new.note.tt': function(e, tooltip_obj, note) {
				highlight(note);
			}
		});
	});
});