Submit-Buttons als Image

[Sven Ludwig]

Ausgangsposting fehlt leider. Anm. d. Red.

[Stefan Muenz]

Hallo Sven,

<IMG src="/verzeichnis/bild.gif" name="SuBmIt" onClick="SubmitIt()">
Hat hier jemand eine Lösung?

Ausnahmsweise ist das mal ein Problem, zu dem es tatsaechlich eine eindeutige Loesung gibt: grafische Submit-Buttons. Dazu schick ich Dich am besten gleich auf <../../tchk.htm#a2>.

Viele Gruesse
  Stefan Muenz

[Sven Ludwig]

Ausnahmsweise ist das mal ein Problem, zu dem es tatsaechlich eine eindeutige Loesung > gibt: grafische Submit-Buttons.

statt <input type=submit value="...>
<input type=image src="...>

Hi Stefan!
Danke für Deine Hilfe. Das funktioniert. Jedoch habe ich ein weiteres Problem: Ich moechte, das der Button sich bei onMouseOver veraendert, und bei onMouseOut wieder wie vorher aussieht. (Die zwei Gifs habe ich schon.) Bei Netscape 4.05 funktionieren die Event-Handler jedoch nicht. Ausserdem sollte der Reset-Button auch eine interaktive Grafik sein.
Liegt die Lösung vielleicht bei der Curser-Positionsüberwachung von JavaScript in Verbindung mit normalen Gifs? (Man würde also die Event-Handler durch Funktionen selbst übernehmen.)
Ist so etwas möglich, oder gibt es noch was besseres, oder ist dies vielleicht eine unüberwindliche Hürde von Netscape? Der IE 4.0 kennt die Event-Handler zumindest in fast allen tags.

Gruss an alle HTML-Maurer!
Sven

[Christine Kuehnel]

Ausnahmsweise ist das mal ein Problem, zu dem es tatsaechlich eine eindeutige Loesung > gibt: grafische Submit-Buttons.

statt <input type=submit value="...>
<input type=image src="...>

Das funktioniert. Jedoch habe ich ein weiteres Problem: Ich moechte, das der Button sich bei onMouseOver veraendert, und bei onMouseOut wieder wie vorher aussieht. (Die zwei Gifs habe ich schon.) Bei Netscape 4.05 funktionieren die Event-Handler jedoch nicht. Ausserdem sollte der Reset-Button auch eine interaktive Grafik sein.

Mit der genannten Methode funktioniert das Abschicken zwar wunderbar, aber den Bilder-Tausch wirst Du vermutlich nicht so hinbekommen.
Den macht man, indem man die src-Eigenschaft des Image-Objektes (ist an sich nichts weiter als IMG-Tag) aendert.
Dein <INPUT> ist aber leider kein Image-Objekt.

Aber mach es doch anders.
Nimm die uebliche Konstruktion fuer solche Wechsel, also
<A ...><IMG NAME="mein_Submit"...></A>
Fuer das Link-Objekt (A-Tag) kannst Du auch wie ueblich was onmouseover und onmouesout veranstalten.
Fehlt nur noch das Abschicken Deines Formulars. Und genau das laesst Du beim Anklicken des Links passieren: <A HREF="javascript:self.document.mein_Formular.submit()"...>
Geht natuerlich fuer die reset-Funktion ebenso.

Christine