Alexander Foken: Variablenübergabe bei <map>-Tag

Beitrag lesen

Hallo

Ich will aus einer Grafik mehrere Links aufrufen. Dafür habe ich mich des <map> Tags bedient. Nun möchte ich das beim anklicken eines Maps die Variable color einen neuen Wert erhält welcher unterhalb der Grafik auf dem Bildschirm ausgeben werden soll. Irgendwie krieg ich das jedoch nicht hin. Kann mir jemand helfen? Hier der Code-Ausschnitt:

<td><img src="img/farbpalette.gif" width="201" height="121" alt="Bitte eine Farbe wählen..." usemap="#Map" border="0">
<map name="Map">
<area shape="rect" coords="190,20,201,31" href="#" onClick="var color='#efefef'">
</map>
</td>
</tr>
<tr>
<td>gewählte Farbe:
<script type=text/javascript>document.write(color)</script></td>

Danke für eure Tipps!

Moin Moin !

1. Du baust "onclick" neue Variablen, die vorher noch gar nicht existieren.
2. document.write(color) wird schon vor dem "onclick" ausgeführt, kennt color also gar nicht. (Netscape hätte dich darauf hingewiesen.)

Ersetze onclick="var color='#efefef'" durch onclick="setColor('#efefef');return false;"  (return false, damit der href-Link nicht aktiv wird)
Schreibe eine Funktion setColor, die die Farbe ausgibt. Wenn Du Text im Dokument ändern willst, klappt das nur mit IE und document.all, ohne das Dokument neu zu laden. Sonst mußt Du die Seite neu laden und ekelige Sachen mit location.search machen.

Alexander