1. Computing

Extended Tooltip

2. The Script

clr gif

I now have two versions of the script for you to choose from as the one that supports modern browsers but not IE4 or Netscape 4 is only half the size of the old version that also supports those two browsers. With either version the first step in using this script is to select the code from the approproate text box below (there is a highlight all button beneath it to make this easier) and copy it into a file called tooltip.js.

2008 Version - Supports Modern Browsers

2002 Version - Supports IE4, Netscape 4, and Modern Browsers

Both Versions

You will also need to select the code from the text box below and copy it into a file called tooltip.css.

You next attach the script into your web page that you wish to display tooltips on by adding the following code into the head section of your page.

<script type="text/javascript" src="tooltip.js">
</script>
<link rel="stylesheet" href="tooltip.css" type="text/css" />

Now that you have the script installed on your page the next step is to define your tooltips.

1 | 2 | 3 | 4 | 5

Note that this script and the associated description of how to use it are copied from the "Ask Felgall" website with the permission of the copyright owner.

©2014 About.com. All rights reserved.