Mouse-Over bei Submit-Button

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

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #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
     

  2. Anzeige
  3. #2 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. :p
     
  4. #3 5. August 2006
    Danke. Mit ein paar kleinen Veränderungen gehts :]

    -=Closed=-
     

  5. Videos zum Thema
Die Seite wird geladen...
Similar Threads - Mouse Submit Button
  1. Antworten:
    5
    Aufrufe:
    798
  2. Antworten:
    1
    Aufrufe:
    1.170
  3. Antworten:
    2
    Aufrufe:
    445
  4. Antworten:
    6
    Aufrufe:
    621
  5. Antworten:
    0
    Aufrufe:
    509