Mouse-Over bei Submit-Button

Dieses Thema im Forum "Webentwicklung" wurde erstellt von MolchMaster, 5. August 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 5. August 2006
    Ich komm nicht weiter.

    Ich habe ein Formular erstellt und anstelle eines normalen Sendebuttons ein Bild verwendet.

    Nun wollte ich ein Mouse-Over einbauen, aber das hat nicht geklappt:

    Code:
    <SCRIPT language="javascript">
<!--
img1=new Image()
img1.src="images/button_ok_normal.gif"
img2=new Image()
img2.src="images/button_ok_over.gif"
//-->
</SCRIPT>
<form action="nl.php" method="POST">
<input type="text" name="name" size="15"></input>
<input type="image" src="images/button_ok_normal.gif" alt="Absenden" name="ok" onmouseover="document.images['ok'].src=img2.src" onmouseout="document.images['ok'].src=img1.src">
</form>
    ?( :O
     
  3. 5. August 2006
    Code:
    
<script language="javascript">
function Change(id,bild) {
 document.getElementById(id).src=bild;
}
</script>
<form action...>

<input type="submit" src="bild_normal.gif" id="subbild" onMouseOver="JavaScript:Change('subbild','bild2');" onMouseOut="JavaScript:Change('subbild','bild1');">
</form>
    How about das? ^^

    Non-Tested.
     
  4. 5. August 2006
    Danke. Mit ein paar kleinen Veränderungen gehts :]

    -=Closed=-
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.