Zakładki w js - Forum PHP.pl

Zakładki w js

stefan_precz Zobacz profil	1.04.2005, 12:00:38 Post #1
Grupa: Zarejestrowani Postów: 134 Pomógł: 0 Dołączył: 2.01.2005 Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <script language="JavaScript" type="text/javascript"> <!-- function zakladka(id){ if(document.getElementById(id).style.display == 'none') { document.getElementById(id).style.display = 'block'; } else { document.getElementById(id).style.display = 'none'; } } //--> </script> [HTML] pobierz, plaintext [HTML] pobierz, plaintext <a href="javascript:zakladka('tab1')">Zak1</a> - <a href="javascript:zakladka('tab2')">Zak2</a> - <a href="javascript:zakladka('tab3')">Zak3</a> <div id="tab1" style="display: none;"> <p>zakladka 1</p> </div> <div id="tab2" style="display: none;"> <p>zakladka 2</p> </div> <div id="tab3" style="display: none;"> <p>zakladka 3</p> </div> [HTML] pobierz, plaintext Kod odpowiada za wczytywnie zakładek i wszystko działa tylko nie wiem jak rozwiązać taki problem, mianowicie gdy klikam na link np. Zak 1 pojawia mi się zawartość tego diva, gdy klikam na Zak 2 pojawia mi się zawartość odpowiedniego diva ale nie znika zawartość diva wywołanego wcześniej, nie wiem jak to zrobić ze jeśli wybieram jakiegoś diva div wywyłony wcześniej znika

Odpowiedzi

stefan_precz Zobacz profil	1.04.2005, 14:53:11 Post #2
Grupa: Zarejestrowani Postów: 134 Pomógł: 0 Dołączył: 2.01.2005 Ostrzeżenie: (0%)	[HTML] pobierz, plaintext <script language="JavaScript" type="text/javascript"> <!-- var tabs = new Array('tab1', 'tab2', 'tab3'); function activateTab(tab) { for (i = 0; i < tabs.length; i++) { if (document.getElementById(tabs[i])) { document.getElementById(tabs[i]).style.display = 'none'; document.getElementById('link_' + tabs[i]).className = 'linkNA'; } } document.getElementById(tab).style.display = 'block'; document.getElementById('link_' + tab).className = 'linkA'; } //--> </script> </head> <body> <a href="javascript:activateTab('tab1')">Zak1</a> - <a href="javascript:activateTab('tab2')">Zak2</a> - <a href="javascript:activateTab('tab3')">Zak3</a> <div id="tab1" style="display: none;"> <p>zakladka 1</p> </div> <div id="tab2" style="display: none;"> <p>zakladka 2</p> </div> <div id="tab3" style="display: none;"> <p>zakladka 3</p> </div> </body> </html> [HTML] pobierz, plaintext czyli moj kod powinien wyglądać tak ale niestety teraz jak klika na linki to nie pokazuje zawartości Ten post edytował stefan_precz 1.04.2005, 14:55:39

Posty w temacie

stefan_precz Zakładki w js 1.04.2005, 12:00:38

FiDO Ja zastosowalem do zakladek taka funkcje: Kodvar ... 1.04.2005, 12:12:59

stefan_precz [HTML] pobierz, plaintext <script language=... 1.04.2005, 14:53:11

FiDO Usun linijki zmieniajace klase linkow document.get... 1.04.2005, 19:30:26

stefan_precz dzięki za pomoc, przerobiłem nieco swój stary kodz... 1.04.2005, 20:07:18

nikodem92 a jak zrobić, żeby aktywna zakładka miała np. czer... 21.12.2007, 09:38:38

slammer to może tak [HTML] pobierz, plaintext documen... 21.12.2007, 12:21:18

nikodem92 daje tak: [HTML] pobierz, plaintext <script la... 22.12.2007, 12:34:05

phpion.com Cytat(nikodem92 @ 22.12.2007, 14:34:0... 22.12.2007, 13:13:56

2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)

0 Zarejestrowanych:

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Aktualny czas: 26.09.2025 - 19:16

Hosting zapewnia