✔ Ein ausgewähltes Bild per Form übergeben, ohne Submit Bitton

[nokiland]

Hallo letzte Hoffung *g*,


Ich habe ein Cross-Browser Problem und finde keine Lösung.

In dem von mir hochgeladenen Bild kann man mein Vorhaben erkennen. Ich möchte auf eines der Bilder klicken können, welches per POST zu $PHP_SELF übertragen wird und sich dadurch das "Größe Bild" ändert.

Ich nutze:

<input type="image" name="..." value="..." src="..." onclick="javascript:this.form.submit();">

Das funktioniert auch super, aber nur im Chrome. Der FF zeigt nur die Koordinaten des Klicks an. Der IE nichts. Der Safari auch nichts.

Ich möchte kein Radio Button nutzen. Vielleicht ist es mit jQuery möglich? ....

 

[SpiceLab]

Wie lautet der vollständige (HTML)Code des Formulars, sowie das zu verarbeitende Script?

Gibt es ein Live-Demo? Alternativ auf http://jsfiddle.net

[edit]Tipp-Ex[/edit]​

 

[nokiland]

Hallo Spice,

das Formular:

<form method="post" action = "<?php echo $PHP_SELF ?>">
<input type="image" name="BildNAME" value="<?php echo $bildinfo['filename']; ?>" src="<?php echo $bildinfo['dirname']."/".$bildinfo['basename'];?>" onclick="javascript:this.form.submit();" width="190">
</form>

Das verarbeitende Script:

if(isset($_POST['BildNAME'])){
$HintergrundBild = "600/".$_POST['BildNAME'];
...
}

 

[nokiland]

Nachtrag: Ein $_POST wäre "schön". Einerseits läge es mir an einem neuen Seitenaufbau, ... und ich brauch den Namen der Bilddatei zur weiteren Verarbeitung. Mit Javascript bekomme ich den Bildwechsel zwar hin, aber nicht an den Namen der gewählten Bilddatei , zumindest weiß ich nicht wie *g*.

 

[Cromon]

Hallo nokiland

Dass die Koordinaten geschickt werden ist ganz normal, siehe:
http://www.w3.org/TR/html-markup/input.image.html#input.image.attrs.type

Viele Grüsse
Cromon

 

[nokiland]

Danke, ist gelößt.

 

[Parantatatam]

Alternativ gibt es auch die (von mir so heißgeliebten) Button-Elemente:

<button type="submit"><img src="..." /></button>

 

[SpiceLab]

Danke, ist gelößt.

Wie sieht deine Lösung nun konkret aus? Damit zukünftige Hilfesuchende hier auch eine alternative Lösung zum <button>-Element vorfinden.

Alternativ gibt es auch die (von mir so heißgeliebten) Button-Elemente:

<button type="submit"><img src="..." /></button>

Hierbei wäre die Angabe des Attributs type="submit" nicht zwingend erforderlich, da es per default gilt.

 

[Parantatatam]

Spice, Du hast natürlich recht, was das type-Attribut betrifft. Da es aber nicht so eindeutig ist, wie bei dem input-Pendant, schreibe ich es trotzdem immer mit dazu, damit sofort klar ist, was da passiert.

 

[SpiceLab]

Spice, Du hast natürlich recht, was das type-Attribut betrifft. Da es aber nicht so eindeutig ist, wie bei dem input-Pendant, schreibe ich es trotzdem immer mit dazu, damit sofort klar ist, was da passiert.

Jo, das leuchtet (beim Lesen des Quellcodes) ein