Zmiana tła aktywnego przycisku. Javascript

2011-09-13 22:40
0

Witam. Problem wydaje się dość prosty. Mam na stronie 4 przyciski, i kiedy wcisnę jeden, chcę aby jego tło zmieniło kolor. Kiedy przycisnę drugi przycisk, aby ten 1wszy wrócił do normy, natomiast drugiego tło zostało zmienione.

Brakuje mi elementu który pozwoli na zmianę tła przycisku. Załóżmy nawet, że mam 2 przyciski.
Da się to w jakiś łatwy sposób rozwiązać? Google znajdują tylko odpowiedź jak zmieniać tło dokumentu/strony po przyciśnięciu przycisku, a nie tła samego przycisku :/

Chodzi mi o najzwyczajniejszy button
<button onclick="zmianakoloru()" type=button style="background-color:#fafafa;">Przycisk</button>

edytowany 3x, ostatnio: Jessica, 2011-09-13 23:22

Pozostało 580 znaków

2011-09-14 13:07
pan kuba

Tło przycisku zmienia się tak jak to napisałeś, w css poprzez background-color albo samo background. To u Ciebie nie działało? Napisałem przykładzik na szybko i działa elegancko :)

<!DOCTYPE html>
<html>
<head>
  <title>...</title>
  <style>
    button {
      border: 1px solid #000;
      background: #fff;
      color: #000;
    }

    button.active {
      border: 1px solid #fff;
      background: #000;
      color: #fff;
    }
  </style>
  <script>
    onload = function() {
      var buttons = document.querySelectorAll("#buttonList button"), prevButton;
      for (var i = 0; i < buttons.length; i++) {
        buttons[i].onclick = function() {
          if (prevButton)
            prevButton.className = "";

          this.className = "active";
          prevButton = this;
        }
      }
    }
  </script>

</head>
<body>
  <div id="buttonList">
    <button>Turn off the world</button>
    <button>Reset universe</button>
    <button>Call the Super Unicorn</button>
  </div>
</body>
</html>

Pozostało 580 znaków

Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0