Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript] Kilkukrotna zmiana koloru komórki
Forum PHP.pl > Forum > Przedszkole
proton
27.05.2009, 16:38:39
Witam

Otrzymałem ostatnio pewne zadanie które podobno jest bardzo łatwe i da się wykonać tylko HTML'em. Osobiście takiego rozwiązania nie znalazłem i sięgłem po JS ale i tu mam pewne problemy. Otóż potrzebuje zrobić tabele dajmy z 2 komórkami w dwóch kolumanch

I otóż po kliknięcu w jedną komórke ma się zmienić jej kolor na np. czarny ale po ponownym klknięcu ma być spowrotem biały. Z pojedyńczą zmianą na czarny nie mam problemu ale jak zrobić aby potem ponownie po kliknięcu był biały?
pgrzelka
27.05.2009, 16:48:20
w JS odczytujesz kolor komórki, jeśli jest biały to robisz czarny, jeśli czarny to robisz biały
bounty
27.05.2009, 16:50:53
Kod
obj = twoja komórka (np document.getElementById('komórka'); )
obj.onclick = function(){
if(this.bgcolor=='white'){
this.bgcolor='black';
} else {
this.bgcolor='white';
}
}

coś takiego.
To pewnie nie działa ale użyj if.
erix
27.05.2009, 17:19:52
Cytat
Z pojedyńczą zmianą na czarny nie mam problemu ale jak zrobić aby potem ponownie po kliknięcu był biały?

Coś takiego:

Kod
var handle = document.getElementBy...

handle.onclick = function(){
  if(typeof(this.clicked)=='undefined'){
    this.clicked = false;
  }
  
  if(!this.clicked){
    this.style.background = '#000';
    this.clicked = true;
  }else{
    this.style.background = '';
    this.clicked = false;
  }
}

Pisane z palca. Możesz jeszcze pomodzić z get/setAttribute, ale myślę, że to zadziała.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.