✔ Submit-Problem mit Image + Wertübergabe

[xcylo]

Hallo zusammen!

Da ich nicht wußte, wie ich das Problem treffend in der Überschrift auf den Punkt bringen sollte, hier die genauere Erläuterung:

Ich hab mir ein kleines Dictionary-Script gebastelt, welches unter anderem auch die Möglichkeit zur Anzeige der Begriffe zu einem best. Buchstaben bieten soll. Soweit ganz toll, nur möchte ich das Ganze wie folgt realisieren:

Das Dictionary-Script erwartet drei Parameter: sprache, modus und suche
Hierbei wird "sprache" in einem Formular per Radio-Button und der "modus" voreingestellt über einen hidden input übergeben. Der Parameter "suche", also der Buchstabe, zu dem die Begriffe ausgegeben werden sollen, soll per Klick auf sein entsprechendes Bild bestimmt und im gleichen Zug das Formular abgeschickt werden. Also in etwa so:

<form name="suche" ACTION="dictionary.php" METHOD="POST" TARGET="_blank">
<table>
<tr>
<td width="200" valign="top" height="23">Wählen Sie eine Sprache:</td>
<td>Wählen Sie einen Buchstaben:</td>
</tr>
<tr>
<td valign="top">
<input TYPE="RADIO" NAME="sprache" VALUE="deutsch-englisch">Deutsch<br>
<input TYPE="RADIO" NAME="sprache" CHECKED VALUE="englisch-deutsch">Englisch</td>
<input type="hidden" name="modus" value="ErsterBuchstabe">
<td valign="top">
<input type="image" src="register-a-20x20.gif" name="suche" value="A">
<input type="image" src="register-b-20x20.gif" name="suche" value="B">
<input type="image" src="register-c-20x20.gif" name="suche" value="C">
<input type="image" src="register-d-20x20.gif" name="suche" value="D">
.
.
.

Das Problem ist, dass der Wert für "suche" so nicht per $_POST übergeben wird. Versuche ich, das Ganze per <button> zu stricken, bleibt um das Bild immer dieser häßliche Button-Hintergrunf / -rahmen stehen.

Wie ist es möglich, ein Bild als Submit-Button zu definieren und gleichzeitig einen dazugehörigen Wert zu übergeben? Wäre für Hilfe echt dankbar!


Gruß
XCylo

 

[dr_Alex]

also ich würde das so machen.

<a href="bla.php?suche=A"><img src="register-a-20x20.gif" border="0" /></a>

 

[xcylo]

Hallo dr_Alex!

Hatte ich auch schon probiert, allerdings muss und will ich die Parameter per $_POST übergeben, da das verarbeitende Script diesen Weg erwartet. Wenn ich die Parameter über die Adresszeile übegebe, ignoriert es sie.

Gruß
XCylo

 

[SonicBe@m]

Du bekommst bei einem Image nur 2 werte
_X und _Y
und das sind die Koordinaten wo du ins Bild geklickt hast.
Du wirst nicht drumrumkommen ein Javascript oder dergleichen miteinzubauen.

<input type="hidden" name="selectedField" id="selectedField" value="">

<input type="image" src="register-d-20x20.gif" name="suche" onClick="document.getElementById('selectedField').value = 'A'">

<input type="image" src="register-d-20x20.gif" name="suche" onClick="document.getElementById('selectedField').value = 'B'">

 

[xcylo]

@SonicBe@m:

Ja, Danke. Bin quasi zeitgleich auch drauf gekommen. Manchmal ist man wie vernagelt...

Habe es dann folgendermaßen gelöst:

<input type="hidden" name="suche" value="">
.
.
.
<input type="image" onClick="suche.value='A' " src="register-a-20x20.gif">

Vielen Dank aber für die Hilfe!

Gruß
XCylo