Quick, cool margin notes with jQuery
Clone or download
fdansv Merge pull request #6 from mshenfield/issue-5-make-umd-compatible
Issue #5 - make marginotes UMD compatible
Latest commit e07c642 Mar 31, 2016
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE.md Add MIT license Mar 10, 2016
README.md Update README.md Mar 13, 2016
marginotes.js Issue #5 - make marginotes UMD compatible Mar 13, 2016
package.json Added package.json, marginotes version 0.1.0 Mar 11, 2016

README.md

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

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>

marginotes

$("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>

marginotes

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.