Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Zakładki - zmiana class po kliknięciu
bahh
post 9.06.2012, 16:35:06
Post #1





Grupa: Zarejestrowani
Postów: 261
Pomógł: 2
Dołączył: 13.05.2012

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


Witam. Mam tutaj skrypt z zakładkami które ukrywają i pokazują mi treść w divach (tab1, tab2, ...)

  1. var tabs = new Array('tab1', 'tab2', 'tab3', 'tab4');
  2.  
  3. function activateTab(tab)
  4. {
  5. for (i = 0; i < tabs.length; i++)
  6. {
  7. if (document.getElementById(tabs[i]))
  8. {
  9. document.getElementById(tabs[i]).style.display = 'none';
  10. document.getElementById('link_' + tabs[i]).setAttribute("class", "fmenu");
  11. }
  12. }
  13. document.getElementById(tab).style.display = 'block';
  14. document.getElementById('link_' + tabs[i]).setAttribute("class", " ");
  15. }


Tu kod w pliku html

  1. <a href="java script:activateTab('tab1')"><img src="images/tab1.png" id="link1"></a>
  2. <a href="java script:activateTab('tab2')"><img src="images/tab2.png" class="fmenu" id="link2"></a>
  3. <a href="java script:activateTab('tab3')"><img src="images/tab3.png" class="fmenu" id="link3"></a>
  4. <a href="java script:activateTab('tab4')"><img src="images/tab4.png" class="fmenu" id="link4"></a>
  5.  
  6. <div id="tab1" style="display:block;">aaa</div>
  7. <div id="tab2" style="display:none;">bbb</div>
  8. <div id="tab3" style="display:none;">ccc</div>
  9. <div id="tab4" style="display:none;">ddd</div>


Zakładki same działały, lecz chcę by też po kliknięciu na obrazek zmieniła się klasa na pustą z fmenu co niestety nie działa mi. Nie wiem gdzie popełniłem błąd, proszę o pomoc wink.gif

Pozdrawiam

Błąd musi tkwić w tych kodach:
  1. document.getElementById('link_' + tabs[i]).setAttribute("class", "fmenu");
  2.  
  3. document.getElementById('link_' + tabs[i]).setAttribute("class", " ");

bez tego skrypt działa należycie
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 1)
d3ut3r
post 9.06.2012, 17:47:26
Post #2





Grupa: Zarejestrowani
Postów: 709
Pomógł: 176
Dołączył: 24.10.2010

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


nie masz elementów o id link_tab1, link_tab2, link_tab3 u Ciebie powinno być raczej

[JAVASCRIPT] pobierz, plaintext
  1. document.getElementById('link' + i).setAttribute(.......);
[JAVASCRIPT] pobierz, plaintext


--------------------
http://d3ut3r.wordpress.com/ | mysql_* jest przestarzałe UŻYWAJ PDO!
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 31.07.2025 - 09:50