[JavaScript] Mechanizm zakładek różnych Opcje

[!*!]

[HTML] pobierz, plaintext 
<ul>
<li id="tab1" onclick="activetab(1);">menu1</li>
<li id="tab2" onclick="activetab(2);">menu2</li>
<li id="tab3" onclick="activetab(3);">menu3</li>
<li id="tab4" onclick="activetab(4);">menu4</li>
<li id="tab5" onclick="activetab(5);">menu5</li>
<li id="tab6" onclick="activetab(6);">menu6</li>
</ul>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
function activetab(e){
maxtab = 6;
tab = document.getElementById('tab'+e);
  for(i=1; i<=maxtab; i++){
    if(i==e){tab.setAttribute("id",'tab'+e+"a");} else {document.getElementById('tab'+i).setAttribute("id",'tab'+i);}
  }
}
[JAVASCRIPT] pobierz, plaintext 

Każda z zakładek ma inny kolor ustalony w css, chciałbym po kliknięciu zmienić jej styl na np. 'tab1a", "tab2a" itd. Jednak jeśli kliknę w inną zakładkę poprzednia powinna przejść do stanu pierwotnego, czyli "tab1", "tab2" ... Jednak mam z tym problem, ponieważ działa to tylko przy pierwszym kilknięciu, dla wybranej zakładki, reszta przestaje reagować.

Ten post edytował !*! 11.08.2010, 11:34:38

[skowron-line]

I jezeli masz 3 zakładki to jeżeli pętla będzie szukać tab6 to wywali błąd i koniec zabawy.

[JAVASCRIPT] pobierz, plaintext 
tab.setAttribute("id",'tab'+e+"a"); <--- tu zmieniasz id na tab1e
[JAVASCRIPT] pobierz, plaintext 

a dalej szukasz tab1

Ogólnie źle się do tego zabrałeś, no ale to temat na inna bajkę.

Ten post edytował skowron-line 11.08.2010, 14:33:14