nicht angemeldet
Absendebutton als Rollover Grafik
Ist es irgendwie möglich, außer grafische Links auch grafische Buttons zum Absenden eines Formulars mit dem EventHandler OnMouseover zu versehen und dann mit Hilfe von Java script den Rollovereffekt zu erzeugen?
-
Ist es irgendwie möglich, außer grafische Links auch grafische Buttons zum Absenden eines Formulars mit dem EventHandler OnMouseover zu versehen und dann mit Hilfe von Java script den Rollovereffekt zu erzeugen?
Hallo Jan,
siehe <../../sfausles/tsfa_tch.htm#a2>
Dabei bitte unbedingt den Hinweis beachten.
Viele Grüße
Antje
-
Hi Jan,
Ist es irgendwie möglich, außer grafische Links auch grafische Buttons zum Absenden eines Formulars mit dem EventHandler OnMouseover zu versehen und dann mit Hilfe von Java script den Rollovereffekt zu erzeugen?
ja, es geht, aber nur im Internet Explorer. Netscape ignoriert's, liefert immerhin keine Fehlermeldungen.
Gruß,
UlfLBeispiel:
*** im <HEAD> ***
<script language='JavaScript'>
norm0 = new Image();
norm0.src = "images/login_off.jpg";
high0 = new Image();
high0.src = "images/login_on.jpg";function highlightMich(obj){
document.all.Login.src = obj.src;
}
</script>*** im <BODY> ***
<input type="image" border="0" name="Login" alt="Login" src="images/login_off.jpg" width="124" height="29" onMouseOver="highlightMich(high0)" onMouseOut="highlightMich(norm0)">-
Hi Jan,
Ist es irgendwie möglich, außer grafische Links auch grafische Buttons zum Absenden eines Formulars mit dem EventHandler OnMouseover zu versehen und dann mit Hilfe von Java script den Rollovereffekt zu erzeugen?
ja, es geht, aber nur im Internet Explorer. Netscape ignoriert's, liefert immerhin keine Fehlermeldungen.
Gruß,
UlfLBeispiel:
*** im <HEAD> ***
<script language='JavaScript'>
norm0 = new Image();
norm0.src = "images/login_off.jpg";
high0 = new Image();
high0.src = "images/login_on.jpg";function highlightMich(obj){
»» document.all.Login.src = obj.src;
}
</script>*** im <BODY> ***
<input type="image" border="0" name="Login" alt="Login" src="images/login_off.jpg" width="124" height="29" onMouseOver="highlightMich(high0)" onMouseOut="highlightMich(norm0)">Wenn ich den Absendebutton als Link definiere, wie im Beispiel auf /selfhtml/sfausles/tsfa_tch.htm#a2
dann läßt es sich ganz normal bewerkstelligen.
Das funktioniert dann übrigens auch in Netscape.Danke trotzdem.
-
Hi Jan,
Wenn ich den Absendebutton als Link definiere, wie im Beispiel auf /selfhtml/sfausles/tsfa_tch.htm#a2
dann läßt es sich ganz normal bewerkstelligen.
Das funktioniert dann übrigens auch in Netscape.Klar, das ist eine browserunabhängige Lösung. Da du in deiner Frage nach einer grafischen Button gefragt hast, dachte ich, daß du an <INPUT TYPE="IMAGE"> dachtest.
Der Nachteil von Links sind nähmlich, daß sie nicht auf die Return-Taste reagieren (es sei denn, man überwacht die Tastatur-Events). Wenn der Benutzer die Formularfelder ausgefüllt hat, muß danach zur Maus gegriffen werden, um die Daten abzusenden. Es gibt kaum professionelle Formularseiten (Suchmaschinen o.ä.), die dies von ihren Usern verlangen.
Gruß,
UlfL
-
-