✔ Button down, hover und normal

[x12x13]

Ich habe 3 Bilder für 3 Buttonzustände Gedrück, mit der Maus drüber und normal.
Aber wie realisiere ich den Effekt in JS? Ich habe keine Ahnung, bis JavaScript bin ich noch nicht vorgedrungen.

Wenn dann auf den Button geklickt wird, dann soll der wie'n Submit-Button ein Formular absenden. Kennt ihr Tutorials?

Gruß x12x13

 

[Sven Mintel]

<input type="image" onclick="this.src='click.gif';" onmouseout="this.src='normal.gif'" onmouseover="this.src='hover.gif'" src="normal.gif">

 

[x12x13]

Danke, kann man auch irgendwie den Fokus vom Button wegkriegen? Sieht blöd aus mit der gestrichelten Linie, wenn man draufklickt.

 

[Sven Mintel]

onfocus="this.blur()"
..dadurch beraubst du den Benutzer aber der Möglichkeit, das Formular durch Tastenbenutzung zu senden....sehr unpraktisch für Leute, die keine Maus verwenden können.

 

[x12x13]

selbst mit maus functioniert es nicht

 

[Sven Mintel]

Was funktioniert nicht mit Maus?

 

[x12x13]

Dann wird der gedrückte Button nicht mehr angezeigt...

 

[Sven Mintel]

Logisch...wenn du auf den Button klickst, wird das Formular gesendet und die Seite im Zweifelsfall neu geladen, wenn das aktuelle Fenster das Zielfenster des Formulars ist.. Nehme statt onclick ...onmousedown