Tooltip Javascript

Tooltip Javascript is a fast, micro size (1kb) to identify an element when they contain brief helper text about its function. Demo

Installing from Bower

$ bower install tooltip-javascript --save

var tooltips = new tooltip(elements [array], options [object]);

Example

var tooltips = new tooltip( document.querySelectorAll('[data-tooltip]'), {
  once: true
});

... you may replace document.querySelectorAll('selector') with a jQuery object like $('selector').

Option	Type	Defualt	Description
attribute	String	`data-tooltip`	The attribute that contains the content.
delay	Number	`150`	Sets delay time before the tooltip appears. (expect milliseconds)
duration	Number	`2500`	Sets how long the tooltip stays on the screen. (expect milliseconds)
offsetTop	Number	`0`	The offset from the top viewport uses when element is close to very top then the tooltip appears under the element instead. (calculates as pixels)
once	Boolean	`false`	When its true, identical content will not be shown more than once even if they are belong to different elements.
display	Number	`1`	Sets how many times a tooltip can be shown.

Option	Type	Defualt	Description
onpop	function	`null`	Triggers after tooltip popped up.
ondrop	function	`null`	Triggers after tooltip dropped.

$ npm start

... and then open a browser and go to http://localhost:8080

$ npm run build