marginotes

Marginotes takes your jQuery selection and adds notes to the margin with the text provided in HTML attributes. If you don't want to use jQuery, there's also a version of marginotes without it.

Who's using it

• My website.
• My buddy Carlos Matallín

Usage

Marginotes works by adding a desc attribute to an HTML element, which will be displayed as a tooltip:

<a href="https://www.gatesnotes.com/" desc="Original, right?">Bill Gates</a>

$("selector").marginotes(options)

It works with links, as well as with <span> elements:

<span desc = "The rainiest place in Europe. Probably. Maybe.">Brión</span>

Options

width: sets the tooltip's width. Default is 100px.

field: sets the html attribute to look for. Default is desc

License

Copyright (c) 2016 Francisco Dans

Licensed under the MIT license, see LICENSE.md for more information.