# marginotes
Marginotes takes your jQuery selection and adds notes to the margin with the text provided in HTML attributes. You can see it working live at [my website](http://francisco.dance)

### Usage

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

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

![marginotes](https://cloud.githubusercontent.com/assets/3707222/13412271/5434e920-df42-11e5-8c53-c1a4aa25663d.gif)

```javascript
$("selector").marginotes(options)
```

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

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

![marginotes](https://cloud.githubusercontent.com/assets/3707222/13556633/11447bde-e3df-11e5-8cc7-1d1f1ca9ac34.gif)


### Options

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

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

# marginotes
Marginotes takes your jQuery selection and adds notes to the margin with the text provided in HTML attributes. You can see it working live at [my website](http://francisco.dance). If you don't want to use jQuery, there's also a [version of marginotes](https://github.com/mshenfield/vanilla-marginotes) without it.

### Usage

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

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

![marginotes](https://cloud.githubusercontent.com/assets/3707222/13412271/5434e920-df42-11e5-8c53-c1a4aa25663d.gif)

```javascript
$("selector").marginotes(options)
```

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

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

![marginotes](https://cloud.githubusercontent.com/assets/3707222/13556633/11447bde-e3df-11e5-8cc7-1d1f1ca9ac34.gif)


### Options

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

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

Add comment linking to vanilla Javascript version
Add comment linking to vanilla Javascript version
