Grafikbuttons mit Rollover zum Absenden eines Formulars

[Hubert L.]

Hallo Selfhtml-Fans,
Ist es möglich, außer grafische Links auch grafische Buttons zum Absenden eines Formulars mit dem EventHandler OnMouseover zu versehen und dann mit Hilfe von Javascript den Rollovereffekt zu erzeugen?

Ich weiß ich das dieses Thema schon mal behandelt wurde und ich hatte die Lösung auch schon einmal gefunden. Aber leider ist die Seite http://selfforum/teamone.de/sfausles/tsfa_tch.htm#a2
nicht abrufbar.

Wer kann mir bitte weiterhelfen?

Hubert :-)

[Björn]

Hallo Selfhtml-Fans,
Ist es möglich, außer grafische Links auch grafische Buttons zum Absenden eines Formulars mit dem EventHandler OnMouseover zu versehen und dann mit Hilfe von Javascript den Rollovereffekt zu erzeugen?

Ich weiß ich das dieses Thema schon mal behandelt wurde und ich hatte die Lösung auch schon einmal gefunden. Aber leider ist die Seite http://selfforum/teamone.de/sfausles/tsfa_tch.htm#a2
nicht abrufbar.

Wer kann mir bitte weiterhelfen?

Hubert :-)

Bleistift:

<input type="text" name="keyword" size="10" maxlength="25">
<input type="image" name="Suche" src="/images/suche2.gif" alt="Suche" align="bottom" border="0">

Müßte mit Rollovers genauso gehen

[Marcus Budde]

Hallo Selfhtml-Fans,
Ist es möglich, außer grafische Links auch grafische Buttons zum Absenden eines Formulars mit dem EventHandler OnMouseover zu versehen und dann mit Hilfe von Javascript den Rollovereffekt zu erzeugen?

Hi,

nach http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onmouseover würd ich mal sagen, kommt drauf an, ob Du Netzcape Nutzer vernachlässigst oder nicht.
Auf jeden Fall müsste es mit einem wie ein Button aussehenden Grafiklink gehen.

z.B. für ein Submit:

irgendwo im Head
<SCRIPT LANGUAGE="JavaScript">

function plausibilitaetspruefung()
{
    plausibel = 0;
    //hier kommt die Plausibilitätsprüfung hin
    //sie setzt plausibel auf 1 falls alles ok ist

if (plausibel == 1)
    {
      //dinge die sonst noch getan werden sollen
      document.formularname.submit();
    }
    else
    {
      //dinge die sonst noch getan werden sollen
      alert("Fehlermeldung");
    }
}

function aendereBild(variablen)
{
 //wie du es von grafischen Links her kennst, denn dies ist nichts anderes
}

</SCRIPT>

und im Formular dann irgendwo:
<A HREF="javascript:plausibilitaetspruefung();" onMouseOver="aendereBild(variablen);" onMouseOut="aendereBild(variablen);"><IMG SRC="bildoffbutton.gif" BORDER=0></A>

solltest du auf eine Plausiblitätsprüfung verzichten, kannst du auch HREF="javascript:document.formularname.submit();" verwenden.

Gruß
Marcus