PDA

View Full Version : Cool DHTML Tooltip II w/image maps on IE



btvbill
03-02-2007, 05:16 PM
1) Script Title: Cool DHTML Tooltip II

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

3) Describe problem: I am using Cool DHTML Tooltip II with an image map and it works fine on Firefox but not on IE6. Is there a fix or something that can be done for IE? Thanks.
Here is the page I'm using it on: http://www.ctmooseassoc.com/map.htm

thetestingsite
03-02-2007, 05:38 PM
It appears that in your source, you call the script the with the wrong arguments.

This is how you call it:



<area shape="rect" coords="191,394,211,416" href="javascript:;" onMouseover="ddrivetip('Family Center 289, 44 Dodge Ave, Stratford, CT. 06615','yellow', 300)"; onMouseout="hideddrivetip()"/>


When it should actually be something like this:



<area shape="rect" coords="191,394,211,416" href="javascript:;" onMouseover="ddrivetip('Family Center 289, 44 Dodge Ave, Stratford, CT. 06615', 300, 'yellow');" onMouseout="hideddrivetip();">


The ddrivetip function is like this:


function ddrivetip(thetext, thewidth, thecolor)


so when you were calling it before, "thewidth" was being assigned as yellow and "thecolor" was being assigned as 300, instead of the other way around.

Anyways, hope this helps.

btvbill
03-02-2007, 05:53 PM
Works like a charm! Thank you VERY much.

thetestingsite
03-02-2007, 05:56 PM
No problem, glad to hear it is working for you.

btvbill
03-05-2007, 06:11 PM
Maybe because I'm using an image map, but now I'm getting the tooltip arrow image at the very top, left of the page. I replaced it with a 1x1 spacer.gif but it's still showing a big gap when viewed in IE6. It's not displaying on the boxes down below but that's ok. Is there anyway that I can get the arrow down to the image map or just remove it altogether? Thanks.