[der-dave]

hallo!

sitze nun schon stunden da und suche nach einer lösung

möchte gerne den "absenden"-button eines kontaktformulars mittels einer grafik und rollover-effekt realisieren.

--> <input type="submit" name="submit" value="submit">
ergibt nur diesen häßlichen standardbutton...

--> <input type="image" name="submit" value="submit"
src="buttons/send_button.jpg" width="87" height="27"
onmouseover="flip_img(7, send_button)"
onmouseout="flip_img(7, send_button_on)">
in einem input kann man scheinbar kein rollover nutzen

und in
--> <a href="JavaScript:self.document.contact_form.submit()"
onmouseover="flip_img(7, send_button)"
onmouseout="flip_img(7, send_button_on)"
<img src="buttons/send_button.jpg" width="87" height="27" border="0" alt="Submit"></a>
scheint der js-code nicht zu funktionieren, da ich mit if(isset($_POST['submit'])) noch nicht mal in meinen php-code reinkomme

zur info:
habe eine datei contact_form.php in der der php-code sowie das formular steht.


bin für jede hilfe dankbar!!!
der-verzweifelte-dave

[schachbrett]

Kannst den Submit-Button auch ueber CSS gestalten. Dann setzt du die Schriftgroesse auf 0, und setzt deine Buttongrafik als Background. Wenn du dann als input[type=submit]:hover den Alternativ-Button angibst, hast du deinen Effekt.

[rob]

[schachbrett]

[der-dave]

hallo!

danke schonmal für die antworten.

@rob
hätte auf jeden fall auch einen <noscript>...</noscript> eingebaut...
nur wie gesagt, das js submit() schickt mir scheinbar gar nichts raus

@schachbrett
ich habs noch nicht ausprobiert, aber soweit ich weiss wird der eventhandler "onmouseover" und onmouseout" in einem input-tag schlichtweg ignoriert... verbesser mich bitte falls ich falsch liege!
das wäre natürlich die schönere lösung!

[ChraCe]

und hiermit: http://de.selfhtml.org/html/formulare/klickbuttons.htm#modern

?

[schachbrett]

@der-dave: du weisst, dass es nicht geht -- und ich glaube, dass es funktioniert

[der-dave]

mmh... soweit ich weiss [...]
ich probiers heute abend einfach mal aus!

danke!