Como utilizar wz_tooltip.js for tooltips

[gracianotorrao]

Boa tarde,

Estou a tentar utilizar um script wz_tooltip.js) que encontrei em http://alt-web.com/Tutorials/tooltips-on-image-maps.html.

Devo estar a fazer algo errado, pois as dicas aparecem no fundo da página, em vez de ficarem associadas ao imagemap ( http://edumooshak.com/CoP/ ).

Confesso que já não pego em javascript faz muito tempo :blush:

Alguma dica para conseguir por isto em marcha?

O código de teste está assim:

&lt;script src="http://edumooshak.com/.../wz_tooltip.js" type="text/javascript"></script>
<p><img style="display: block; margin-left: auto; margin-right: auto;" alt="imagemap" src="http://edumooshak.com/CoP/draftfile.php/13/user/draft/219715274/imagemap600.png" usemap="#map" height="525" width="600" border="0" /></p>
<table align="center" border="0" cellspacing="5">
<tbody>
<tr>
<td scope="row" style="text-align: center;" valign="middle">
<p><a title="Área pública" href="http://edumooshak.com/CoP/course/view.php?id=3"><img alt="peça de puzzle azul" src="http://edumooshak.com/CoP/draftfile.php/13/user/draft/219715274/azul.png" height="56" width="89" /></a></p>
</td>
<td style="text-align: center;"><a title="Área reservada" href="http://edumooshak.com/CoP/course/view.php?id=2"><img alt="peça de puzzle verde" src="http://edumooshak.com/CoP/draftfile.php/13/user/draft/219715274/verde.png" height="56" width="89" /></a></td>
<td style="text-align: center;"><a title="Mooshak" href="http://mooshak.dcc.fc.up.pt/"><img alt="peça de puzzle vermelha" src="http://edumooshak.com/CoP/draftfile.php/13/user/draft/219715274/vermelha.png" height="56" width="89" /></a></td>
<td style="text-align: center;"><a title="EDUMooshak" href="http://edumooshak.com"><img alt="peça de puzzle amarela" src="http://edumooshak.com/CoP/draftfile.php/13/user/draft/219715274/amarela.png" height="56" width="89" /></a></td>
</tr>
<tr>
<td style="text-align: center;"><span style="color: #c0c0c0;"><strong>Área pública</strong></span></td>
<td style="text-align: center;"><span style="color: #c0c0c0;"><strong>Área reservada</strong></span></td>
<td style="text-align: center;"><span style="color: #c0c0c0;"><strong>Mooshak</strong></span></td>
<td style="text-align: center;"><span style="color: #c0c0c0;"><strong>EDUMooshak</strong></span></td>
</tr>
</tbody>
</table>
<p> </p>
<p>
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in --> <!-- #$-:GIMP Image Map plug-in by Maurits Rijk --> <!-- #$-:Please do not edit lines starting with "#$" --> <!-- #$VERSION:2.3 --> <!-- #$AUTHOR:gt -->
<area shape="poly" coords="292,391,377,323,343,297,331,306,324,316,311,316,307,310,305,300,316,296,327,292,329,286,296,266,270,288,265,290,258,285,252,276,242,272,228,278,227,285,235,292,246,293,252,297,249,306,211,326" alt="EDUMooshak" href="http://edumooshak.com/CoP/" onmouseover="TagToTip('home', WIDTH, '-400', BGCOLOR, '#CDEAFC', SHADOW, true, SHADOWCOLOR, '#333333', FOLLOWMOUSE, true)" onmouseout="UnTip()" /> <span id="home"><img src="http://edumooshak.com/CoP/Assets/Images/optional-picture.gif" style="padding: 10px;" align="left" /><strong>Your bold text goes here</strong>The rest of your tooltip content goes here.</span><!--end tooltip content -->
<area shape="poly" coords="305,117,238,157,257,174,263,175,274,169,285,162,293,164,296,170,291,178,281,179,276,182,278,187,305,199,328,182,335,181,340,187,348,195,361,194,363,186,357,180,349,179,343,176,345,169,371,158" alt="Área reservada" href="http://edumooshak.com/CoP/course/view.php?id=2" />
<area shape="poly" coords="182,185,98,230,164,285,204,268,204,261,199,256,186,254,183,250,185,243,193,238,201,238,208,243,210,248,212,253,218,255,231,248,247,235,220,216,222,210,231,209,243,204,244,197,239,193,228,193,221,196,217,205,208,207,196,197" alt="Área pública" href="http://edumooshak.com/CoP/course/view.php?id=3" />
<area shape="poly" coords="421,185,498,230,433,285,406,263,397,259,391,265,387,272,373,276,365,274,360,268,366,257,377,254,384,251,381,244,352,232,375,210,384,211,387,216,392,223,401,226,410,226,415,219,410,211,399,208,391,204,393,199" alt="Mooshak - Página oficial" href="http://mooshak.dcc.fc.up.pt/" /> 
</map>
</p>

Obrigado

GT

Thanks