✔ Bild anklicken, input füllen

[Sprite]

Ich benötige ein kleines Javascript, bei dem ich mehreren Bildern einen Wert zuweisen kann, z.B.

Bild 1 = Motiv 1
Bild 2 = Motiv 2
Bild 3 = Motiv 3


Wenn ich dann auf das Bild 1 (Motiv 1) klicke, soll in einem <input>-Feld eben "Motiv 1" (2 oder 3) auftauchen, je nachdem auf welches Bild man klickt. Bin über jede Hilfe erfreut, auch ein Stichwort zum Suchen bei würde mir genügen .

 

[Quaese]

Hi,

Du könntest die Werte (Motiv1, Motiv2, ...) den alt-Attributen der Bilder zuweisen.
Anschliessend kannst Du im onclick-Event der Bilder diese Werte in einem INPUT-Feld
ausgeben (INPUT-Feld hat den Namen "inputName" und ist in einem Formular namens
"formName" enthalten).

<img src="bild.gif" onclick="document.formName.inputName.value=this.alt;" width="5" height="50" alt="Motiv1" />

Vielleicht kannst Du damit ja was anfangen.

Ciao
Quaese

 

[Sprite]

Ja, wunderbar, Danke.

Nun wollten ich das auch gleich auf ein Select-Feld ausweiten, so dass es beim Klick auf das Bild (ein anderes natürlich) alleine das genannte Feld auswählt und habe statt dem Input-Namen einfach den Select-Namen eingetragen, das hat jedoch nicht funktioniert .

 

[Quaese]

Hi,

ich gehe mal davon aus, dass die Werte (Motiv 1, Motiv 2, usw.) im select-Feld eingetragen
sind.

<select name="selMotiv" size="3">
    <option value="Motiv1" />Motiv 1
    <option value="Motiv2" />Motiv 2
    <option value="Motiv3" />Motiv 3
</select>

Die einzelnen Komponenten eines select-Feldes können mit Hilfe der Eigenschaft selectedIndex
angesprochen werden. So kannst Du wieder über den onclick-Event im Bild die erforderliche
Komponente über den Index markieren lassen.

<img src="bild.gif" onclick="document.formName.selMotiv.selectedIndex=0;" width="50" height="50" alt="Motiv1" />

Dabei steht die Null für die erste Komponente im select-Feld.

Ciao
Quaese

 

[Sprite]

Perfekt, Danke für Deine Mühen.