Knop van kleur wijzigen

Status
Niet open voor verdere reacties.

Atwist

Terugkerende gebruiker
Lid geworden
24 jan 2006
Berichten
1.076
Besturingssysteem
Wndows 11
Office versie
2016
Hallo

Heb 2 knopen "Aan" en "Uit" deze is nu grijs maar ik zou graag willen dat als ik op "Aan" klik dat deze groen wordt en moet de "Uit" grijs blijven.
Maar als ik vervolgens op "Uit" klik dan moet deze rood worden en de "Aan" knop moet dan weer grijs worden en visa versa.
Heb geen idee hoe ik dit moet aanpakken.

Code:
<button type="button"a href="/?pinD6=1" target="ifr">Aan</button>
 <button type="button"a href="/?pinD6=0" target="ifr">Uit</button>
 
Met Javascript bijvoorbeeld
Code:
<head>
<title>Test</title>
<script type="text/javascript">
function Kleur(el) {
 if (el.value == "Aan") {
  document.getElementById(el.id).style.backgroundColor = "#6f6";
  document.getElementById("knop2").style.backgroundColor = "";
 } else {
  document.getElementById(el.id).style.backgroundColor = "#f66";
  document.getElementById("knop1").style.backgroundColor = "";
 }
}
</script>
</head>
<body>
<button id="knop1" type="button" onclick="Kleur(this);" value="Aan">Aan</button>
<button id="knop2" type="button" onclick="Kleur(this);" value="Uit">Uit</button>
</body>

Suc6. Have fun.
 
Dank je Bron,

Ga hiermee aan de slag.
 
@ Bron,

het werkt voor mij helemaal TOP :thumb:

Dank je wel.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan