Download balloon tooltip

Licensing

This script is distributed under the LGPL open source license.
Commercial licenses are also available. Some of these licenses also includes personal e-mail support for up to 1 year.

Download script

You can download the script from this Zip file

Implementation

On the words that should have tooltip, insert a tag like this:
<a href="#" onmousemove="showToolTip(event,'This is a simple, simple test');return false" onmouseout="hideToolTip()">A word</a>

You don't have to use the <a> tag if you don't want to. A <span> tag is just as useful. Example:
<span class="tooltip_text" href="#" onmousemove="showToolTip(event,'This is a simple, simple test');return false" onmouseout="hideToolTip()">A word</span>

Download images

There are 3 images used in this script. You can download them from this zip file. They should be placed in a subfolder called "images".

Comments

This is old code.

Andrea at 04:37AM, 2011/06/16.

OlÃ¡. Bom artigo.Como faÃ§o para ajustar width ?

Eliseu at 11:55AM, 2011/08/11.

<a href="#comment625">Andrea wrote:</a>This is old code.

If it is, please post the new one.

Irian at 10:06AM, 2012/01/08.

^No, he's right, it's really old. And it's not a matter of pasting new code.Nowadays you don't see onmouseout and etc being attached to spans, instead the script should be able to search for the class or id that you set and only from there apply onmouseout and other events.

Ray at 03:34PM, 2012/04/21.