PDA

View Full Version : Image Map



Steve@sportingwales.com
01-03-2006, 04:55 PM
Is it possible to use Tooltip linked to an image map? There are a couple of references to this in the forum, but no answers! Does anyone know how to achieve this?

Twey
01-03-2006, 05:13 PM
Please link to the script.

Steve@sportingwales.com
01-03-2006, 06:03 PM
Ooops!

DD Image w/ description tooltip
http://www.dynamicdrive.com/dynamicindex4/imagetooltip.htm

Twey
01-03-2006, 06:49 PM
Certainly. Just put the onmouseover= and onmouseout= handlers into your <area> tags rather than <a> tags.

Steve@sportingwales.com
01-03-2006, 08:21 PM
Thanks for the advice. Do you mean in this part of the script:
usemap="#Map" /><map name="Map"><area shape="rect" coords="72,316,81,322" href="#"></map>
<script language="JavaScript">

If yes, exactly where?

Twey
01-03-2006, 09:08 PM
Leave the <script> tags where they are. Put the onmouseover= and onmouseout= tags, as shown in the demo, inside <area> tags rather than <a> tags. For example:

<map name="Map"><area shape="rect" coords="72,316,81,322" href="#" onmouseover="doTooltip(event,0)" onmouseout="hideTip()"></map>

Steve@sportingwales.com
01-03-2006, 09:42 PM
Thanks for your help.