html/javascript: Gibt es eine Möglichkeit, Bildkartenbereiche dynamisch zu deaktivieren/aktivieren?

Question

Ich habe eine Image-Map mit ein paar Dutzend Elementen, von denen die meisten fixiert sind. Aber einige sind bedingt, und ich möchte, dass sie manchmal, aber nicht immer, aktiv sind.

Gibt es eine Möglichkeit zur Deaktivierung/Aktivierung einer <area> Element, ohne es aus dem DOM zu entfernen?

Answer 1

Sie können versuchen, dem Bereichselement das Attribut "deaktiviert" hinzuzufügen oder zu entfernen.

Answer 2

Wenn Sie das onclick-Ereignis mit einer return false; können Sie verhindern, dass er beim Anklicken mit seiner href verknüpft wird.

document.getElementById("your-area-id").setAttribute("onclick", "return false;");

Dadurch wird die Verbindung unterbrochen.

Mir ist aufgefallen, dass Sie die Frage nicht mit JavaScript gekennzeichnet haben, also...

<area href="some-url.html" onclick="return false;" />

... wird genauso gut funktionieren.

Gibt es noch andere Verhaltensweisen, die Sie deaktivieren müssen, oder nur diese?

Answer 3

Leider gibt es kein "Deaktivieren"-Attribut, aber ich habe festgestellt, dass, wenn Sie dem Hotspot keine Fläche zuweisen, der Benutzer nicht darauf klicken kann und er ausgeblendet zu sein scheint.

Für einen Kreis...

document.getElementById('mapname').areas[areaindex].coords="0,0,0";

oder, für ein Rechteck...

document.getElementById('mapname').areas[areaindex].coords="0,0,0,0";