• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Popup in Landkarte

Status
Für weitere Antworten geschlossen.
S

Spacecop

Neues Mitglied
Hallo Experten,

ich habe eine Landkarte als Hintergrundbild und verschiedene Punkt mittels <map> definiert und hinter jedem Punkt liegt ein Link auf ein Bild.
Die definierten Punkte gehen momentan bei Anklicken im gleichen Fenster auf, so daß die Landkarte dann weg ist und das o.g. Bild zu sehen ist.

Ich möchte nun aber, daß beim Anklicken eines definierten Punktes das hinterlegte Bild in einem Popup aufgeht.

Der window.open Befehl ist mir ein Begriff, aber ich weiß nicht, wo ich diesen einfügen muß, damit jedes Bild in einem Popup geöffnet wird.

Vielleicht könnte mir hier jemand weiterhelfen.
Hier mal der Grundcode:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
   "http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
</HEAD>
<BODY>

<p>

<IMG SRC="1.jpg" WIDTH="570" HEIGHT="550" marginwidth="10" marginheight="10" border="0" alt="Karte" usemap="#Landkarte">
    <map name="Landkarte">
        <area shape="circle" coords='183,63,15' href="23.jpg" alt="23" title="23" target="_self">
        <area shape="circle" coords='107,97,15' href="45.jpg" alt="45" title="45" target="_self">
        <area shape="circle" coords='107,153,15' href="14.jpg" alt="14" title="14" target="_self">
        <area shape="circle" coords='33,297,15' href="19.jpg" alt="19" title="19" target="_self">
        <area shape="circle" coords='137,473,15' href="40.jpg" alt="40" title="40" target="_self">
        <area shape="circle" coords='273,513,15' href="46.jpg" alt="46" title="46" target="_self">
        <area shape="circle" coords='203,527,15' href="45.jpg" alt="45" title="45" target="_self">
        <area shape="circle" coords='387,493,15' href="21.jpg" alt="21" title="21" target="_self">
        <area shape="circle" coords='447,107,15' href="18.jpg" alt="18" title="18" target="_self">
        <area shape="circle" coords='493,167,15' href="30.jpg" alt="30" title="30" target="_self">
        <area shape="circle" coords='553,223,15' href="2.jpg" alt="2" title="2" target="_self">
        <area shape="circle" coords='457,367,15' href="7.jpg" alt="7" title="7" target="_self">
        <area shape="circle" coords='447,447,15' href="6.jpg" alt="6" title="6" target="_self">
        <area shape="circle" coords='243,17,15' href="31.jpg" alt="31" title="31" target="_self">

</map>    
</P>
</BODY>
</HTML>

Danke schon mal für die Hilfe!
Gruß
Tom
 
realisiers als tooltip mit CSS, geht viel einfacher und ist noch client-unabhängig.

--> webbe.de - Homepage

(erster eintrag bei google)

p.s.: in deinem eigenen intresse korrigier' mal bitte deinen code, das kann sonst später zu komplikationen führen.

Nils aka XraYSoLo
 
Erstmal danke für die Hilfe.
Aber wo binde ich die css bzw. den Tooltip ein. Da komm ich noch nicht so ganz dahinter...

Und was meinst du mit Code korrigieren?

Tom
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben