[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

[everth]

Taki prosty algorytm - na początku funkcji dla dla wszystkich zakładek usuwamy klasę 'hover' - później dodajemy klasę hover dla aktywnej zakładki. W CSSie stylujesz sobie hover w powiązaniu z id elementu. Przemyśl to sobie i zaimplementuj. Twoja metoda też mogłaby pójść (przenieś zmienną tab gdzieś przed funkcję) ale jest bardziej pokręcona.