interaktive Landkarte

[Daniel]

Hallo zusammen,

ich würde gerne eine interaktive Landkarte programmieren. Ähnlich dieser Seite:

http://www.hofmann-personalleasing.de/profil_b.html

Allerdings würde ich statt Graphiken gerne Teile einer html-Datei laden, um die Beschreibung der Standorte anzuzeigen.

Da ich keine Ahnung von Javascript habe, bin ich kläglich gescheitert das Script umzuschreiben. Habe schon diverse andere Möglichkeiten über Popup usw. probiert. Klappt aber alles nicht so toll. Um Javascript nicht von Grund auf neu lernen zu müssen, würde ich mich über mögliche Lösungsansätze in Form von Beispiel-Scripten sehr freuen.

Das soll die Funktion können:

• Fenster auf der aktuellen Seite öffnen, indem ein Teil einer anderen html-Datei erscheint, z.B. "Test.html#Kap2". Dabei darf die html-Adresse "Test.html" fest, nur der Anker "#Kap2" sollte variabel sein.
• Die Funktion steht im Kopf der Seite und die Anker sind per Link aufrufbar.
• Auf Umschaltboxen für mehrere Länder kann getrost verzichtet werden.

Mit freundlichen Grüßen
Daniel

[Peter Schmitt]

Hallo Daniel
wenns nicht zuviel ist, würde ich das alles in die Seite gleich mit reinpacken.

Du kannst ja DIVs reinschreiben, die hidden sind:

<div id="ort1" style="position:absolute;left:100px;top:100px;visibility:hidden;">INFO ORT 1</div>

<div id="ort2" style="position:absolute;left:100px;top:100px;visibility:hidden;">INFO ORT 2</div>

im head kannst du im Skriptbereich folgende Funktionen definieren:

function over(ort){document.getElementById(ort).style.visibility='visible';}

function out(ort){document.getElementById(ort).style.visibility='hidden';}

und in der Karte kannst du dann deinen sensitiven Bereichen (ich vermute mal per Imagemap) die Eventhandler zuweisen:

onmouseover="over('ort1');"
onmouseout="out('ort1');"

onmouseover="over('ort2');"
onmouseout="out('ort2');"

hoffe, das hilft weiter
gruß
Peter