PDA

Click to See Complete Forum and Search --> : How to have multiple tooltips

sendsully
10-17-2003, 02:35 PM
I got the DHTML Tooltip Generator code from:
http://javascript.internet.com/messages/dhtml-tooltip-generator.html

I'm trying to use it with 4 image maps in Dreamweaver. When I mouse over them, the tooltip is the same for each. How can I make the tooltips different?

Here's the code I have:
<p><img src="../images/diagram.gif" width="549" height="535" border="0" usemap="#Map">
<map name="Map"><p><a href="javascript:void(0)" onMouseover="EnterContent('ToolTip','Product Realization','comments pop up as the cursor hovered over each square in the flow diagram that could allow more specific explanation. '); Activate();" onMouseout="deActivate()">ToolTip>
<map name="Map"><p><a href="javascript:void(1)" onMouseover="EnterContent('ToolTip','Angie','did this work. '); Activate();" onMouseout="deActivate()">ToolTip>

<area shape="rect" coords="221,311,320,359">
<area shape="rect" coords="224,108,323,156" href="#">
<area shape="rect" coords="156,207,255,255" href="#">
<area shape="rect" coords="285,207,384,255" href="#">
</map>

Please help.
Angie
gil davis
10-17-2003, 03:04 PM
You have to put the mouseover/out into each AREA tag.
Vladdy
10-17-2003, 03:04 PM
Just use title attribute with your area elements. The tooltip code you got is way too old, way too ugly and does not work with modern browsers.
sendsully
10-17-2003, 03:26 PM
I saw this title script in the forum. Is this what you mean? Not sure how to work this in with the image maps. Any ideas?

<html>
<body>
<table>
<tr>
<td onmouseout="this.title = '';" title="This is Cell One">Cell One</td>
<td onmouseout="this.title = '';" title="This is Cell Two">Cell Two</td>
</tr>
<tr>
<td onmouseout="this.title = '';" title="This is Cell Three">Cell Three</td>
<td onmouseout="this.title = '';" title="This is Cell Four">Cell Four</td>
</tr>
</table>
</body>
</html>
Vladdy
10-17-2003, 04:52 PM
No onmouseouts
Just
<area title="Supplemental Information" ...