nicht angemeldet
Kombination Image Map & JavaScript-Tooltip
Hallo,
ich möchte dem Benutzer einer Seite ein Tooltip mit Zusatzinformationen anbieten können, wenn er mit der Maus über eine bestimmte Stelle eines JPG's (ist in diesem Fall ein Organigramm) fährt.
Ich bin wie folgt vorgegangen:
1. Seite mit JPG erstellt.
2. Aus dem .jpg eine verweissensitive Grafik (Image Map) gemacht.
3. Das JavaScript von http://www.walterzorn.de/tooltip/tooltip.htm eingebaut, und zwar wie folgt in den <area>-Tag:
<img src="bild.jpg" border="0" usemap="#Map" />
...
<map name="Map" id="Map"><area onmouseover="Tip('Text des Tooltips')" onmouseout="UnTip()"shape="rect" coords="165,330,276,368" href="#" alt="" />
</map>
Es funktioniert im Firefox und im IE.
Nun meine Frage:
Habe ich alles richtig gemacht (bin mit Image-Maps und JavaScript etwas unsicher)? Ist das eine seriöse Lösung?
MfG
pixxma
-
Hi,
das Javascript von walterzorn.de habe ich mir zwar nicht angeschaut, aber wenn es im IE und FF funktioniert...
Wenn Dir die einfache Optik auch genügt, würde ich das allerdings einfach über das title-Attribut machen. Zumindest solltest Du das für die Barrierefreiheit zusätzlich angeben.LG Karin
-
Hallo,
Wenn Dir die einfache Optik auch genügt, würde ich das allerdings einfach über das title-Attribut machen.
Ja, habe ich auch erst gedacht, aber diese JavaScript-Tooltips haben genau den Vorteil, daß sie formatierbar/skalierbar sind und selbst auch Bilder, Tabellen u.a. enthalten können.
Bin mir nur halt wegen des 'Einbaus' des JavaScript in das Image Map unsicher. ...MfG
pixxma
-