Cool DHTML Tooltip flickers in IE6 and IE7

[mjb4michael]

1) Script Title: Cool DHTML Tooltip

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm

3) I am hoping to use this code to float a table heading, which is a graphic, over the body of the table. It works perfectly in Firefox, but in IE, the graphic flickers as the mouse is scrolled up and down (it actually disappears when the mouse is between rows). Table cell spacing and padding are set to zero.

The mouseover and mouseout events for the tooltip are in the <table> code. The color bars are in the <tr> codes.

Is this a common problem? Is there a work around? Will putting a delay on the function hideddrivetip() mitigate the problem? If so, I will need help with the code.

Here is the page: http://www.coilcraft.com/0603ct_hover6.cfm

Thanks,
mjb4michael

[mjb4michael]

By adding the delay code:

function delayhidetip(){
delayhidetimer=setTimeout("hideddrivetip()", 20)
}

the flicker disappeared, and the tooltip worked beautifully.
http://www.coilcraft.com/0603ct_hover6.cfm

After experimenting with the floating column head, we decided to go with a fixed head that stays at the top of the window.

http://www.coilcraft.com/0603ct.cfm

Both solutions won praise, but having the head stick to the top of the screen was preferred.

Thanks,
mjb4michael