[HTML][JavaScript] Kilkukrotna zmiana koloru komórki Opcje

[proton]

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?

Ten post edytował proton 27.05.2009, 16:39:54

[pgrzelka]

w JS odczytujesz kolor komórki, jeśli jest biały to robisz czarny, jeśli czarny to robisz biały

[bounty]

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.

Ten post edytował bounty 27.05.2009, 16:54:39

[erix]

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.