Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Mechanizm zakładek różnych
!*!
post
Post #1





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----


  1. <ul>
  2. <li id="tab1" onclick="activetab(1);">menu1</li>
  3. <li id="tab2" onclick="activetab(2);">menu2</li>
  4. <li id="tab3" onclick="activetab(3);">menu3</li>
  5. <li id="tab4" onclick="activetab(4);">menu4</li>
  6. <li id="tab5" onclick="activetab(5);">menu5</li>
  7. <li id="tab6" onclick="activetab(6);">menu6</li>
  8. </ul>


[JAVASCRIPT] pobierz, plaintext
  1. function activetab(e){
  2. maxtab = 6;
  3. tab = document.getElementById('tab'+e);
  4. for(i=1; i<=maxtab; i++){
  5. if(i==e){tab.setAttribute("id",'tab'+e+"a");} else {document.getElementById('tab'+i).setAttribute("id",'tab'+i);}
  6. }
  7. }
[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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
!*!
post
Post #2





Grupa: Zarejestrowani
Postów: 4 298
Pomógł: 447
Dołączył: 16.11.2006

Ostrzeżenie: (0%)
-----


A jak miałbym się do tego zabrać?

Zakładek jest 6, po prostu skróciłem to w przykładzie.

Kod
if(i==e){tab.setAttribute("id",'tab'+e+'a');} else {document.getElementById('tab'+i).setAttribute("id",'tab'+i);}


Poprawiłem, jednak nie resetują się inne zakładki.

Ten post edytował !*! 11.08.2010, 14:46:18
Go to the top of the page
+Quote Post
skowron-line
post
Post #3





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

Ostrzeżenie: (0%)
-----


Cytat(!*! @ 11.08.2010, 14:40:32 ) *
A jak miałbym się do tego zabrać?


Powinieneś nadać ID dla ul i z niego wyjąć wszystkie LI wtedy skrypt sam bedzie wiedział ile jest zakładek

Cytat(!*! @ 11.08.2010, 14:40:32 ) *
Poprawiłem, jednak nie resetują się inne zakładki.

Przeczytaj jeszcze raz mój post
[quote]
tab.setAttribute("id",'tab'+e+'a');
[/qoute]
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 5.10.2025 - 22:08