zmiana klasy wiersza, po kliknieciu w obrazek Opcje

[AxZx]

witam

temat ukrywanie/pokazywania elementow byl juz poruszany, ale niestety ja nie umiem skorzystac z tego co znalazlem,

[HTML] pobierz, plaintext 
<table>
 <tr class="nad0">
  <td>1 <img src="jakis.jpg"></td>
  <td>wiersz 1</td>		
 </tr>
 <tr class="ukryty nad1">
  <td>2</td>
  <td>wiersz 2</td>
 </tr>
 <tr class="ukryty nad1">
  <td>3</td>
  <td>wiersz 3</td>
 </tr>
 <tr class="ukryty nad1">
  <td>4</td>
  <td>wiersz 4</td>
 </tr>
 <tr class="nad0">
  <td>5</td>
  <td>wiersz 5</td>
 </tr>
</table>
[HTML] pobierz, plaintext 

<tr> z klasa ukryty jest niewidoczny, chcialbym aby po kliknieciu <img> wszystkie <tr> z klasa nad1 zmienily klase na widoczny nad1
ale gdy jest juz <tr class="widoczny nad1"> to zeby zmienilo sie spowrotem na <tr class="ukryty nad1">
i tak na przemian

da sie to jakos zrobic?
bede wdzieczny za pomoc
pozdrawiam

[anopak]

zainteresuje się frameworkiem: Prototype

i robisz to mniej więcej tak (pisane z palca, nie gwarantuje, że działa)

Kod

function imgClick(){
  allTr=$('ID_TABELI').getElementsByTagName('tr');

  for(i=0;i<allTr.length;i++){
    if(Element.hasClassName(allTr[i],'nad1')){
      if(Element.hasClassName(allTr[i],'widoczny')||
          !Element.hasClassName(allTr[i],'ukryty')){
        Element.removeClassName(allTr[i],'widoczny');
        Element.addClassName(allTr[i],'ukryty');
      }
      else{
        Element.removeClassName(allTr[i],'ukryty');
        Element.addClassName(allTr[i],'widoczny');
      }
    }
  }
}

ale, jezeli chcesz poprostu zmieniać widoczność wszystkich elementów, które mają klasę nad1, to proponuję w ten sposób:

Kod

function imgOnClick(){
allNad=document.getElementsByClassName('nad1');
for(i=0;i<allNad.length;i++)
  Element.toggle(allNad[i]);
}

krótsze i czytelniejsze...