Bildwechsel bei Buttonclick

poschi8 · 22 Juli 2011

Hallo,
ich hab mich im Netz schon schlau gemacht, aber nichts passendes gefunden.
Ich habe 2 Buttons, einen zum Ein- und einen zu Ausschalten.
Wenn Ein gedrückt wird soll das Bild green.png angezeigt werden und wenn ich auf Aus drücke soll red.png gezeigt werden.
Ich poste mal hier meine Code und hoffe ihr könnt mir da weiterhelfen.
Mfg,
poschi8

HTML:

<html>
<head>
<hr>
<title> Testpannel </title>

<script type="text/javascript">

function Lampe1Ein()
{
var schalten = false;
schalten === true;
document.getElementById('input').value='Ein';
}

function Lampe1Aus()
{
var schalten = false;
schalten === true;
document.getElementById('input').value='Aus';
}
</script>
</head>

<body bgcolor="#000000" text="#666666">
  
<h2 align="center"> <font color="#FFE500" size="10"> Testpannel </font> </h2>
<!-- AWP_In_Variable Name='"Daten_DB".Lampe1'-->
<form method="post">
<p> Lampe1 <input type="button" value="Ein" onclick="Lampe1Ein()"> <input type="button" value="Aus" onclick="Lampe1Aus()"> <img src="green.png" width='20' height='20'> </p>
<p>Lampe1: <input id="input" name="vorname" type="text" size="2" maxlength="30"></form> 

</body>
</html>

Sempervivum · 22 Juli 2011

Hallo Poschi,
ganz einfach:

Code:

function Lampe1Ein() {
 var schalten = false;
 schalten === true;
 document.getElementById('input').value='Ein';
 document.getElementById('bild').src='green.png';
}
 function Lampe1Aus() {
 var schalten = false;
 schalten === true;
 document.getElementById('input').value='Aus';
 document.getElementById('bild').src='red.png';
}

Und im Body dem img-Tag die ID "bild" geben:

HTML:

<img id="bild" src="green.png" width='20' height='20'>

schalten === true macht nur in einer Abfrage Sinn, bei einer Zuweisung einfaches = verwenden. Ich sehe auch nicht, wofür Du diese Kontrollvariable brauchst.
Viel Erfolg und viele Grüße - Ulrich

Bildwechsel bei Buttonclick

poschi8

Neues Mitglied

Sempervivum

Guest

Neueste Beiträge