nicht angemeldet
buttons durch bilder ersetzen
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>
-
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