Zmiana koloru tła w impucie za pomocą JS (obrazek)

Question

Witam mam pytanko stworzyłem submita który ma wygląd ptaszka v oznaczającego najlepsza odpowiedz usera, który jest w formacie png dodanie klasy answer powoduje ze ponajechaniu zmienia kolor na niebieski. W jaki sposób zmienić kolor tego imputa po kliknieciu w niego np. na czerwony napewno za pomocą JS ale dokladnie w jaki sposob:

<form method="post">

								<input id="answer" type="image" src="img/ok.png" value="submit" title="Wybierz najlepsza odpowiedź" onClick="zmiana();" />

								</form>

 <script  type="text/javascript">

 function zmiana()
 {
	
	 
	document.getElementById('answer').style.backgroundColor='red';
	
 }
 
 
 </script>
 

ale nie dziala...

Comments

jeśli dobrze Cie zrozumiałem, to możliwe, że nawet sam CSS tutaj wystarczy: http://codepen.io/ChrissP92/pen/rLpPJo?editors=1100

Chociaż, jesli po kliknięciu kolor ma być utrzymany na stałe, to trzeba użyć JS: http://codepen.io/ChrissP92/pen/pbpGpx

---

Przekopiowalem do skryptu i po kliknieciu w przycisk nie robi sie zielony...

---

Jakieś błędy w konsoli?

Gdzie konkretnei w HTML wstawiłeś kod?

---

echo<<<END
						

			<button id="btn" class="best-answer">Najlepsza</div>
END;

pomiędzy Tagi php

---

Pytałem o błędy w konsoli przeglądarki i cały kod HTML (może w źle podpiąłeś JS i/lub CSS).

---

Wszystko zadziałało przycisk robi sie zielony ;) z tym ze po odswiezeniu strony ponownie zmienia mi sie na czarny ...hmmm

---

Po odświeżeniu strony JavaScript ładuje się od początku - więc i wprowadzony efekt przestanie być widoczny. Musisz zapisać gdzieś kolor tego przycisku, np. w localStorage, albo w bazie danych, aby JS sobie za każdym razem mógł sprawdzić, jaki kolor tam ma być ustawiony.

Answer 1

Nie lepiej by było ci dodać to w CSS przy użyciu pseudoklasy :active ? np:

#answer:active {
  background-color: red;
}

 

Comments

Tak ale mi chodzi oto ze po kliknieciu ma sie zmienić kolor na stałę...