Download balloon tooltip

Demo

Bookmark and Share

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

Andrea
This is old code.
Andrea at 06:37AM, 2011/06/16.
Eliseu
Olá. Bom artigo.

Como faço para ajustar width ?
Eliseu at 01:55PM, 2011/08/11.
Irian
<a href="#comment625">Andrea wrote:</a>
This is old code.


If it is, please post the new one.
Irian at 11:06AM, 2012/01/08.
Ray
^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 05:34PM, 2012/04/21.
rajbir singh
This is a very nice. thnaks for this
rajbir singh at 05:34PM, 2013/01/05.

Post your comment

Don't have an avatar? Create one at Gravatar.com.

Confirmation code:

Go to cbolson.com


About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2014 dhtmlgoodies.com