Varialbe Bildgröße UND links im Bild

[Gernot Back]

Hallo brooksone,

Wie funzt denn das ändern von Werten mit DHTML in der einfachsten Form ??

Nehmen wir an du hättest so etwas wie in dem Beispiel bei SELFHTML:

<map name="Landkarte">  
    <area shape="rect" coords="11,10,59,29" href="http://www.koblenz.de/" alt="Koblenz">  
    <area shape="rect" coords="42,36,96,57" href="http://www.wiesbaden.de/" alt="Wiesbaden">

Dann würdest du bei doppelter Größe des Bildes, dem diese Map zugewiesen wird, einfach auch die doppelten Werte für die Koordinaten nehmen.

Wenn dein MAP-Element das erste und/oder vielleicht sogar das einzige im Quellcode ist, dann könntest du es wie folgt ansprechen:

  
myMap = document.getElementsByTagName('MAP')[0];  

Das Area-Element für Koblenz könntest du dann so ansprechen:

  
koblenz = myMap.getElementsByTagName('AREA')[0];

Das im Code zweite Area-Element dieser Map wäre dann:

  
wiesbaden = myMap.getElementsByTagName('AREA')[1];

usw.

Dann könntest du den Wert der einzelnen Coords-Attribute auch ändern, also z.B. Koblenz entweder so:

  
koblenz.coords="22,20,118,58";

oder so:

  
koblenz.setAttribute("coords", "22,20,118,58", "false");

... das dann für alle Areas, die du so hast. Wie gesagt: Ich bin mir gar nicht sicher, ob sich nachträgliche Änderungen der Koordinaten überhaupt auswirken; ich habe es noch nie probiert. Vielleicht braucht das Image die Koordinaten ja bereits beim Laden der Seite. In diesem Fall müsstest du die variablen Koordinaten wahrscheinlich mit document.write() schreiben.

Das scheint mir alles andere als simpel, wenn ich es mit der Flash-Lösung vergleiche.

Gruß Gernot