[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]

Ech, zrozum co to jest Event Object i jak go przekazać do funkcji to powinna ci działać

[JAVASCRIPT] pobierz, plaintext 
function highLight(event) {
   obj = event.target;
   childs = obj.parentNode.children;
   resetHighLight();
   addHighLight();
 
   function resetHighLight() {
      for (elem in childs) {
	 elem.className.replace('hover','');
      }
   }
   function addHighLight() {
      obj.className += ' hover';
   }
}
[JAVASCRIPT] pobierz, plaintext