How to use

Individual tool tips

var tooltip = new AscTip($('id_of_element_to_target'), 'Text of tooltip goes here');

1. var tooltip = new AscTip($('id_of_element_to_target'), 'Text of tooltip goes here');

By default, the tooltips will use a CSS class called "AscPop". But you can customize the class or use multiple styles of tooltips on the same page. To use a CSS class called "YourPop", use the classPrefix option when instantiated the AscTip class.

var tooltipiwthyourcss = new AscTip($('id_of_element_to_target'), 'Text of tooltip goes here', 'n', {classPrefix: 'Your'});

1. var tooltipiwthyourcss = new AscTip($('id_of_element_to_target'), 'Text of tooltip goes here', 'n', {classPrefix: 'Your'});

To add multiple tooltips at a time, use the AscTips class.

var asc_tooltips = new AscTips([
    { id:"id_of_element_to_target", msg:"Tooltip message", align:'nw },
    { id:"id_of_element_to_target", msg:"Tooltip message", align:'nw },
    { id:"id_of_element_to_target", msg:"Tooltip message", align:'nw }
]); 

1. var asc_tooltips = new AscTips([
2. { id:"id_of_element_to_target", msg:"Tooltip message", align:'nw },
3. { id:"id_of_element_to_target", msg:"Tooltip message", align:'nw },
4. { id:"id_of_element_to_target", msg:"Tooltip message", align:'nw }
5. ]);

To customize how you wish the tooltip to be aligned to the target element use the following values:

When the tooltip is to align itself outside the target:

nw - northwest
n - north
ne - northeast
en - east north
e - east
es - east south
se - south east
s - south
sw - southwest
ws - westsouth
w  -west
wn - west north

1. nw - northwest
2. n - north
3. ne - northeast
4. en - east north
5. e - east
6. es - east south
7. se - south east
8. s - south
9. sw - southwest
10. ws - westsouth
11. w -west
12. wn - west north

If the tooltip is to position itself within a target:

nw - northwest
n - north
ne - northeast
e - east
se - south east
s - south
sw - southwest
w  -west

1. nw - northwest
2. n - north
3. ne - northeast
4. e - east
5. se - south east
6. s - south
7. sw - southwest
8. w -west

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.