Inside Technique : Cross-Browser Interactive Tooltips
By Scott Isaacs

Using our DHTMLLib, we were able to update our original Internet Explorer Interactive Tooltip to work cross-browser. By using DHMTLLib, the changes to the original script were minimal. DHTMLLib exposes a subset of the Internet Explorer object model in Netscape making it easier to script CSS positioned elements.

The general mechanics of the cross-browser script compared to the original script are essentially the same. Therefore, we will only cover how to use the cross-browser script and refer you to our original interactive tooltip article for explanations on how the script works. In the original article we explain how to position elements relative to other elements and how to intelligently hide the tooltip using a timer.

Before we begin, try the interactive tooltip below. When you hover over the text below, a tooltip exposing additional options is displayed:

Next we walk you show you step-by-step how to create the interactive tooltip.

© 1997-2000 InsideDHTML.com, LLC. All rights reserved.