1 Temat przez admin

  • admin
  • admin
  • Administrator
  • Nieaktywny
  • Zarejestrowany: 18-08-2020
  • Posty: 653

Temat: img.src (Button ON/OFF)

https://ti.dxe.pl/files3/onoff/onoff.jpg

Button on
https://ti.dxe.pl/files3/onoff/on.png

Button off
https://ti.dxe.pl/files3/onoff/off.png

Skrypt zlicza ile przycisków jest włączonych!

----------------------------

Button on1
https://ti.dxe.pl/files3/onoff/on1.png

Button off1
https://ti.dxe.pl/files3/onoff/off1.png

2 Odpowiedź przez admin

  • admin
  • admin
  • Administrator
  • Nieaktywny
  • Zarejestrowany: 18-08-2020
  • Posty: 653

Odp: img.src (Button ON/OFF)

<script>
  var o1 = false;
  var o2 = false;
  var o3 = false;
  //
  function button_onoff(x)
  {
    var on1 = document.getElementById('on1');
    var on2 = document.getElementById('on2');
    var on3 = document.getElementById('on3');
    var s = document.getElementById('s');
    //
    if (x==1)
      if (o1) { on1.src = "off.png"; o1=false; }
      else { on1.src = "on.png"; o1=true; }
    if (x==2)
      if (o2) { on2.src = "off.png"; o2=false; }
      else { on2.src = "on.png"; o2=true; }
    if (x==3)
      if (o3) { on3.src = "off.png"; o3=false; }
      else { on3.src = "on.png"; o3=true; }
    //
    var suma=0;
    if (o1) suma+=1;
    if (o2) suma+=1;
    if (o3) suma+=1;
    s.innerHTML = suma;
  }
</script>
<body>
<p><img src="off.png" id="on1" onclick="button_onoff(1)"></p>
<p><img src="off.png" id="on2" onclick="button_onoff(2)"></p>
<p><img src="off.png" id="on3" onclick="button_onoff(3)"></p>
<p>Suma: <strong><span id="s">0</span></strong></p>