Forum Doku Wiki Blog

Forumsarchiv 2004, Dezember
buttons durch bilder ersetzen

archivierte Beiträge lesen

  1. (JAVASCRIPT) buttons durch bilder ersetzen von Norn, 09. 12. 2004, 15:07

buttons durch bilder ersetzen

Der folgende Beitrag wurde am 09. 12. 2004, 15:07 Uhr von Norn veröffentlicht.

Ich hab im mom nen prob. Ich will, das solbald der javascript befehl ausgeführt wird, sich der ausfürungsbuuton durch eine grafik ersetzt.
Zur zeit wird noch ein anderes Bild ersetzt, aber ich find einch nicht heraus, wie man stattdessen den button ersetzen kann

Hier iss der quelltext
<html>
  <head>
    <title>Test</title>
  </head>
  <body bgcolor="#282F42" text="#FFFFFF">
    <script type="text/javascript">
       var b = new Array();
           b[0] = new Image(); b[0].src = "richtig.gif";
           b[1] = new Image(); b[1].src = "falsch.gif";
       var i = 0;
       var l = 1;
      function check()
       {
        if (window.document.formular.elements[0].checked)
          { document.images[0].src = b[i].src;

          }
        else
          { document.images[0].src = b[l].src
          } ;
          return false
       }
   </script>
   <form name="formular">
    <center>
     <table border="0" cellspacing="0" cellpadding="0">
       <tr>
         <td width="200" style="background-image: url(nav-bg.gif);">...</td>
       </tr>
       <tr>
         <td style="background-image: url(nav-head.gif);"><input type="radio" name="box">A: ...</td>
       </tr>
       <tr>
         <td style="background-image: url(nav-bg.gif);"><input type="radio" name="box">B: ...</td>
       </tr>
       <tr>
         <td style="background-image: url(nav-head.gif);"><input type="radio" name="box">C: ...</td>
       </tr>
       <tr>
         <td><center><input type="submit" value="Prüfen" onclick="return check()" name="button"></center></td>
       </tr>
       <tr>
         <td><center><img src="spacer.gif"></center></td>
       </tr>
    </table>
    </center>
   </form>
  </body>
</html>

buttons durch bilder ersetzen

Der folgende Beitrag wurde am 09. 12. 2004, 16:23 Uhr von Axel Hoogestraat veröffentlicht.

Hi,

>          <td><center><input type="submit" value="Prüfen" onclick="return check()" name="button"></center></td>

diese Zeile ändern in:
<td><center id=submit><input type="submit" value="Prüfen" onclick="return check()" name="button"></center></td>

Man beachte das id=submit im Center-Tag

In der Check - Methode dann folgendes:
document.getElementById('submit').innerHTML = "<img src='datei.gif'>";

Sommit verschwindet der Button und das Bild erscheint.

Schöne Grüße
Axel

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4