Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 94e49d31 authored by Pierre Jarriges's avatar Pierre Jarriges
Browse files

readme

parent 1e9db288
No related branches found
No related tags found
No related merge requests found
# Tooltip Manager # Tooltip Manager
\ No newline at end of file ## A simple and lightweight tool that allows you to manage tooltips in a web page.
__________________
An instance of `ToolTipsManager` will react to mousemove events over any element in the page providing an html5 `tooltip` attribute.
The tooltip attribute content will be displayed as a string in a small popup near the element.
The popup can be customize with any css property with the `style` parameter.
## Integration - usage
### Start the tooltips manager
The tooltpis manager is started simply by being instanciated so you'll just have to do:
```js
const my_tooltips_manager = new ToolTipsManager({
style: {
backgroundColor: "#222d",
borderRadius: "4px",
border: "2px solid white",
// any css property you like to pass to the tooltip popups
},
pop_tooltip_delay: 200, // a millisecond delay before the popups shows up. Minium is 50. The count starts when your mouse stops over an element.
});
```
At this point the tooltips will start showing up !
### Destroy the instance
Is at some point of your script you want to remove the tooltips manager, you need to call the `clear()` method. This will remove all event listeners and timeout callback subscriptions so there is no dandling references of your instance laying around.
```js
my_tooltips_manager.clear()
```
### Duplicate instances
If a TooltipsManager is created and finds out another ToolTipsManager has been already created in the same window, it will automatically cancel itself.
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment