mshenfield / vanilla-marginotes

Quick, cool margin notes

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

vanilla-marginotes

Vanilla Marginotes is a vanilla Javscript fork of Marginotes. Marginotes takes your jQuery selection, HTMLCollection, or Array of DOM elements and adds notes to the margin with the text provided in HTML attributes. You can see it working live at a fork of the creator's website

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

marginotes(document.querySelectorAll("selector"), 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.

About

Quick, cool margin notes

License:MIT License


Languages

Language:JavaScript 100.0%