Javascript tooltips

Tooltips are a nice way to display additional info for user, without breaking the flow of current article in your webpage. So a mouse over a highlighted word, or image, can give more information to user.

We’ll try to present some of javascript tha can help us.

JavaScript, DHTML Tooltips

JavaScript, DHTML Tooltips

This is a cross browser library. It configure he with of tooltip automatically, and has different settings, transition that can be applied.Also can include images.

BoxOver

BoxOver

“BoxOver uses javascript / DHTML to show tooltips on a website. Implementation of the tooltips, however, requires no knowledge of DHTML or javascript. ” The tooltips can be styled.

Prototip

Prototip

Prototip uses prototype and scriptaculous.

Texsoft HTML tooltip

Texsoft  HTML tooltip

This is more like a tutorial to help you make your own tooltip script.

A Tooltip You Can Hover Over

A Tooltip You Can Hover Over

This tooltip can be hovered, and can include links inside the text.

Mootools tips

mootools tips

Tooltips are in mootools library. It needs to download the modules for this.

Unobtrusive js tooltip

The script is adding a tooltip to an a element by setting the class=”addToolTip” and the title=”Text in tooltip”.

AJAX-enabled Help-Balloons

AJAX-enabled Help-Balloons

Using the prototype and Scriptaculous,this script is able to populate the tooltip, or baloon, with content fetched by an ajax call.

jQuery Tooltip plugin

jQuery Tooltip plugin

This makes use of jQuery.