HTML kann nicht "target_blank" in einer Imagemap arbeiten

-1

Ich versuche, eine Imagemap zu erstellen, formatiert, wenn ein Bereich auf der Karte angeklickt wird, öffnet der Browser den ausgewählten Link in einem neuen Tab.HTML kann nicht "target_blank" in einer Imagemap arbeiten

Ich weiß, dass das target_blank-Attribut dazu verwendet wird, und das funktioniert, wenn ich ein bestimmtes Bild als "Schaltfläche" habe. Aber ich kann nicht herausfinden, wie man es auf der Image Map zum Laufen bringt.

Der eingeschlossene Code funktioniert gut als Imagemap, aber ich möchte die Funktionalität des Öffnens des Links in einem neuen Tab einschließen.

Hier ist der Code:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8"> 
    </head> 
    <body> 
    <div> 
     <map name="pdx"> 
     <area href="https://en.wikipedia.org/wiki/Main_Page" alt="wiki" 
target="_blank" shape="rect" coords="300,200,400,800"> 
     </map> 
    </div> 
    <p> 
     <img src="/1st-stark1852WebCover.jpg" width="1800" alt="pdx_1852" usemap="#pdx"/> 
    </p> 
</body> 
</html>

Quelle

2017-05-14 Edward Curran

Eine Karte aktuelle Bild verwendet 'area' Elemente die klicksensitiven Bereiche zu definieren, nicht' a'. – CBroe

Seltsam funktionierte auch. Ich versuchte mit und der Bildabbildfunktion - redigierte gerade den Code, um zu veranschaulichen - und es funktionierte wie üblich aber immer noch nicht das . –

Ich kann nicht Ihr Bild verwenden, da es nicht verfügbar gemacht hat.

Karte ist nicht in einem div wie im Kommentar erwähnt hinzugefügt werden, die Fläche Tag ist erforderlich und dann it works well.

Hier mit dem Stackoverflow-Symbol mit Link auf eine zufällige rect Form.

<div> 
     <map name="pdx"> 
     <area href="https://en.wikipedia.org/wiki/Main_Page" alt="wiki" 
target="_blank" shape="rect" coords="100,100,200,200"> 
     </map> 
    </div> 
    <p> 
     <img src="https://cdn.sstatic.net/Sites/stackoverflow/img/[email protected]?v=73d79a89bded" width="400" alt="pdx_1852" usemap="#pdx"/> 
    </p>

Und ich weiß nicht, wo Sie es ausführen, haben Sie daran, dass einige Spielplatz wie Websites, auf denen Sie einen solchen Code schreiben werden Links zu verhindern, arbeiten. wie hier SO auch ...

 <div> 
 
      <map name="pdx"> 
 
      <area href="https://en.wikipedia.org/wiki/Main_Page" alt="wiki" 
 
    target="_blank" shape="rect" coords="100,100,200,200"> 
 
      </map> 
 
     </div> 
 
     <p> 
 
      <img src="https://cdn.sstatic.net/Sites/stackoverflow/img/apple-to[email protected]?v=73d79a89bded" width="400" alt="pdx_1852" usemap="#pdx"/> 
 
     </p>

Quelle

2017-05-14 17:26:46 vv01f

Ich werde verdammt sein, es hat funktioniert, aber nur, wenn "Form" direkt nach "Bereich" kam - wenn ich Bereich HREF zuerst hatte dann Form, etc. es hat nicht funktioniert. Vielen Dank! –

nur, um Sie falsch auf dieser Annahme zu prüfen, gehen Sie auf den Link jfiddle und Sie werden sehen, dass das nicht der Fall ist. Die Reihenfolge der Attribute spielt in xml überhaupt keine Rolle. – vv01f

seltsam. Nun, es funktioniert jetzt, also bin ich begeistert. Ich habe bemerkt, dass ich statische Daten von zwischengespeicherten Kopien der Links bekomme, so dass ich den Browserverlauf löschen muss, damit er manchmal funktioniert. Ich verwende auch neocities und vielleicht gibt es einige eingebaute Funktionen, die ich nicht kenne. Auf jeden Fall danke für die Hilfe und Proben! –

HTML kann nicht "target_blank" in einer Imagemap arbeiten

Antwort

Verwandte Themen