PDA

View Full Version : HTML Help Extender



rodc@cerquit.com
04-09-2008, 02:20 PM
1) CODE TITLE: HTML Help Extender

2) AUTHOR NAME/NOTES: Rodolfo A. Cerrada Jr.

3) DESCRIPTION: automatically add tooltip by just adding help attribute in the html tag.

How to use the Help Extender

1. Download and unzip the file.

2. Include HelpExtender.js and HelpExtender.css in your application.

3. Add help attribute in your HTML tag you wish to add a tooltip.

Ex: <img src="images/question.gif" help="Please enter user details." />

After adding the help attribute in image tag it will show as tooltip when mouse hovers the icon.

4) URL TO CODE: http://www.cerquit.com/blogs/post/HTML-Help-Attribute-Extender.aspx

or, ATTACHED BELOW (see #3 in guidelines below):

codeexploiter
04-09-2008, 02:44 PM
In IE8's Standard mode the tooltip not positioned correctly especially on the icon image hover, cancel button hover and the image hover.

In Firefox 2.0.0.13 if you hover the mouse over the images in your demo page it shows the tooltip correctly. Now you are moving your mouse from one image to another image most of the time the tooltip is not being displayed. The same problem occurs in Safari for Window 3.0.4 also. The problem in Opera also.

I haven't checked the code or css at the moment to know what is causing these problems