[JavaScript] Eigenschaft eines Textfelds ändern mithilfe von Hotspots

[Chrissi007]

Hiho,

Ich benutze auf meiner Page zwei Bilder (Landkarten).
Wenn man nun in das linke obere Feld eines Bilds klickt soll sich die Eigenschaft bzw. der Wert eines Textfelds ändern.

Wie muss Ich vorgehen um mein Projekt zu verwirklichen?

EDIT: Prob is gelöst

[TobiaZ]

EDIT: Prob is gelöst

Dann poste doch bitte noch die Lösung für andere User. Dank dir!

[Chrissi007]

Hi,

Oki Muss allerdings dazu sagen, dass der nachfolgende Code hauptsächlich aus Dreamweaver stammt. Selber hab Ich das nicht auf die Reihe gebracht



1.) Imagemap mit Hotspots erstellen, geht am besten mit einem HTML Editor.

Wichtig ist, dass man das Hotspot mit einem Link (href="") und einer alternativen Beschreibung (alt="") verpasst. Zuvor hats bei mir nämlich nicht geklappt.

Z.b.:

<area shape="rect" coords="-56,-10,148,137" href="#scriptstatus" alt="Stadtname/Eigenschaft" onClick="MM_changeProp('ort','','value','Stadtname/Eigenschaft','INPUT/TEXT')">

2.) Die Funktion MM_changeProp benötigt einige Argumente.
Das erste Argument, "ort", muss dem Namen des Textfeldes entsprechen, dessen Wert geändert werden soll. Mit dem zweitem Argument, "value", gibt man an, dass der Wert (value) des Textfeldes geändert werden soll.
Das dritte Argument, "Stadtname/Eigenschaft", gibt an, was im Textfeld - nach einem Klick auf das Hotspot - erscheinen soll.
Das letzte Argument gibt an, dass es sich um ein Input-Field handelt. Genauer gesagt ein Textfeld.



3.) Desweiteren ist im Quelltext dieser JavaScript Code einzufügen. Normalerweise werden solche Codeschnippsel immer unter den title-Tags bzw. meta-Tags eingefügt.

Funktionen:

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_changeProp(objName,x,theProp,theValue) { //v6.0
  var obj = MM_findObj(objName);
  if (obj && (theProp.indexOf("style.")==-1 || obj.style)){
    if (theValue == true || theValue == false)
      eval("obj."+theProp+"="+theValue);
    else eval("obj."+theProp+"='"+theValue+"'");
  }
}
//-->
</script>

Viel Spaß!