ImageMap - Mouseover - Infotext

[Markus]

Hey @ all!!!

Ich möchte gerne eine Deutschlandkarte mit einzelnen Orten als Punkte als IMAGEMAP realisieren. Bei einem Mouseover über einen der Links, soll ein kleiner Infotext (vielleicht in einem farbigen Rechteck) neben dem Mauszeiger bzw. neben dem "Bildlink" erscheinen.

so wie es hier gemacht wird : http://www.ihrhotel-online.de

Wie kann ich sowas selbst realisieren ? Danke für eure Hilfe.
MFG Torsten

[MudGuard]

Hi,

Ich möchte gerne eine Deutschlandkarte mit einzelnen Orten als Punkte als IMAGEMAP realisieren. Bei einem Mouseover über einen der Links, soll ein kleiner Infotext (vielleicht in einem farbigen Rechteck) neben dem Mauszeiger bzw. neben dem "Bildlink" erscheinen.
so wie es hier gemacht wird : http://www.ihrhotel-online.de
Wie kann ich sowas selbst realisieren ? Danke für eure Hilfe.

Du kennst das title-Attribut, das auch für das area-Element definiert ist?

cu,
Andreas

[Elya]

Hallo Torsten,

Ich möchte gerne eine Deutschlandkarte mit einzelnen Orten als Punkte als IMAGEMAP realisieren. Bei einem Mouseover über einen der Links, soll ein kleiner Infotext (vielleicht in einem farbigen Rechteck) neben dem Mauszeiger bzw. neben dem "Bildlink" erscheinen.

so wie es hier gemacht wird : http://www.ihrhotel-online.de

In der angegebenen Adresse wird es mit Javascript realisiert, ich würde aber evtl. zwei andere Methoden vorschlagen:

Imagemaps grundsätzlich kannst Du? Ansonsten:
http://selfhtml.teamone.de/html/grafiken/verweis_sensitive.htm

Die einfachste Möglichkeit ist die Verwendung des attributs title="hier dein text" in dem <a>-Tag. Die Bezeichnung erscheint dann aber mit einer winzigen Verzögerung und du kannst soweit ich weiß die Art der Box nicht gestalten.

Ein anderer schöner Ansatz für Infoboxen ohne Javascript ist hier beschrieben:

http://aktuell.de.selfhtml.org/tippstricks/css/infobox/index.htm
Fällt in die Kategorie "hover-Effekte mit CSS"

...und schließlich Javascript, da geht's dann um Ein- und Ausblenden von Ebenen, da gibt's dann Svens beliebtes Script "Layer ein und ausblenden":

http://forum.de.selfhtml.org/archiv/2002/2/5424/#m30276

Schau Dir das mal an, was für Dich paßt - und bei Fragen komm einfach wieder hier hin. Viel Erfolg!

Gruss aus Koeln-Ehrenfeld,

Elya