Bild als Submit-Button funktioniert nicht

[Volker]

Hallo,
ich möchte statt eines Submit-Buttons ein Bild für die Übergabe eines Formulars verwenden. Ich habe die mir offensichtlichste Methode verwendet, doch sie funktioniert leider nicht. Ich habe unten die wichtigsten Zeilen des Formulars angefügt mit Submit-Button, das funktioniert, und meine nicht funktionierende Lösung. Ich habe schon einige Zeit damit gekämpft, deswegen wäre ich für jede Hilfe recht dankbar.
Beste Grüße
Volker

Mit Submit-Button:

<FORM METHOD = "post" ACTION = "$sc_main_script_url">
<INPUT TYPE = "hidden" NAME = "product" VALUE = "$form_data{'product'}">
<INPUT TYPE = "hidden" NAME = "keywords" VALUE = "$form_data{'keywords'}">
<input type="text" name="item-%s" size="3">
</FONT>
<INPUT TYPE = "submit" NAME = "add_to_cart_button" VALUE = "kaufen">
</FORM>

Anstatt des Buttons ein Bild :(:

<FORM METHOD = "post" ACTION = "$sc_main_script_url">
<INPUT TYPE = "hidden" NAME = "product" VALUE = "$form_data{'product'}">
<INPUT TYPE = "hidden" NAME = "keywords" VALUE = "$form_data{'keywords'}">
<input type="text" name="item-%s" size="3">
</FONT>
<INPUT NAME="add_to_cart_button" value="add_to_cart_button" TYPE=IMAGE BORDER=0 SRC="kaufen.gif">
</FORM>

[Sebastian]

Hallo,
ich möchte statt eines Submit-Buttons ein Bild für die Übergabe eines Formulars verwenden. Ich habe die mir offensichtlichste Methode verwendet, doch sie funktioniert leider nicht. Ich habe unten die wichtigsten Zeilen des Formulars angefügt mit Submit-Button, das funktioniert, und meine nicht funktionierende Lösung. Ich habe schon einige Zeit damit gekämpft, deswegen wäre ich für jede Hilfe recht dankbar.
Beste Grüße
Volker

Anstatt des Buttons ein Bild :(:

<FORM METHOD = "post" ACTION = "$sc_main_script_url">
<INPUT TYPE = "hidden" NAME = "product" VALUE = "$form_data{'product'}">
<INPUT TYPE = "hidden" NAME = "keywords" VALUE = "$form_data{'keywords'}">
<input type="text" name="item-%s" size="3">
</FONT>
<INPUT NAME="add_to_cart_button" value="add_to_cart_button" TYPE=IMAGE BORDER=0 SRC="kaufen.gif">
</FORM>

Guten Morgen Volker,

Du solltest der Schaltfläche schon sagen, was sie zu tun hat. Es ist nämlich kein submit-button.
Füge in den tag folgendes ein: onClick="javascript:document.forms[0].submit();". Nun wird der Browser das Formular artig versenden.

Ciao

sebastian

[Volker]

Guten Morgen Volker,

Du solltest der Schaltfläche schon sagen, was sie zu tun hat. Es ist nämlich kein submit-button.
Füge in den tag folgendes ein: onClick="javascript:document.forms[0].submit();". Nun wird der Browser das Formular artig versenden.

Ciao

sebastian

Guten Morgen Sebastian,
ich glaube, dass Du mit Deinem Tip schon recht haben könntest, doch leidert funktioniert es mit der geänderten Zeile immer noch nicht.
???

Gruß,
Volker

Geänderte Zeile:

<INPUT NAME="add_to_cart_button" value="add_to_cart_button" TYPE=IMAGE BORDER=0 SRC="kaufen.gif" onClick="javascript:document.forms[0].submit();">

[Sebastian]

Ciao

sebastian

Guten Morgen Sebastian,
ich glaube, dass Du mit Deinem Tip schon recht haben könntest, doch leidert funktioniert es mit der geänderten Zeile immer noch nicht.
???

Gruß,
Volker

Geänderte Zeile:

<INPUT NAME="add_to_cart_button" value="add_to_cart_button" TYPE=IMAGE BORDER=0 SRC="kaufen.gif" onClick="javascript:document.forms[0].submit();">

Komisch, verstehe ich nicht.
Hab ein ähnliches Beispiel, da funktionierts.
Schau ‚s Dir mal an:
<input type="image" name="sbmDeu" src="Sonstiges/deu.gif" width="16" height="10" border="0" alt="deutsch" title="Deutsch" onClick="document.frmMenu.submit();">

Ciao

Sebastian

[Alexander Kleinjung]

Hallo Volker,

Ich weiss ad hoc nicht, ob <input type=image> zulässiger Syntax ist.
Allerdings sollte es mit <img src="..." onClick="document.form.submit()">
auf jeden Fall klappen.

Viele Grüsse
   Alex

<img src="http://home.germany.net/100-80215/alex/images/promo/akonline.gif" alt="">

http://www.atomic-eggs.com/selfspezial/daten/101.html

[Volker]

Hallo Volker,

Ich weiss ad hoc nicht, ob <input type=image> zulässiger Syntax ist.
Allerdings sollte es mit <img src="..." onClick="document.form.submit()">
auf jeden Fall klappen.

Leider nicht, wenn ich folgenden Code eingebe kommt beim IE5 die Meldung: "document.form ist kein Objekt"

Gruß
Volker

[Alexander Kleinjung]

Hallo Volker,

Allerdings sollte es mit <img src="..." onClick="document.form.submit()">
auf jeden Fall klappen.

Leider nicht, wenn ich folgenden Code eingebe kommt beim IE5 die
Meldung: "document.form ist kein Objekt"

Naja, war auch ein wenig schlampig :-) Hab halt JavaScript-Kenntnisse
unterstellt...

1. Sebastian hat ja schon gesagt, wie es geht (also forms[index])
2. oder eben statt "form" den Namen des Formulars nehmen
3. oder eine JavaScript-Function schreiben:

<img src="..." onclick="wegDamit()">

Und im Head:

<script language="JavaScript">

function wegDamit()
    {
    document.forms[index-Nummer].submit();

o d e r

document.form.submit();
    }

</script>

wobei statt "form" der Name eingetragen werden muss, den Du im
<form>-Tag gewählt hast.

Steht übrigens auch alles in SELFHTML :-)

Viele Grüsse
   Alex

<img src="http://home.germany.net/100-80215/alex/images/promo/akonline.gif" alt="">

http://www.atomic-eggs.com/selfspezial/daten/101.html

[kerki]

Hallo Volker !

Eigentlich sollte das Ersetzen des Submit-Buttons durch eine Grafik schon genauso funktionieren, wie du es auch gemacht hast. Also auch ohne jegliches Javascript-Zeugs.

Steht ja auch in unserer Bibel:
<../../tchk.htm>

Kann es nicht vielleicht sein, dass du in den deinem Code-Schnipsel etwas wesentliches vergessen hast ?
Immerhin steht da noch ein </font> ziemlich unmotiviert in der Gegend rum.

Gruss,
Kerki