Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [ajax][php]Dynamiczne zakładki
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Day Walker
10.04.2007, 13:56:37
Jak zrobic takie zakładki dynamiczne, coś jakby podmenu że gdy wczytam daną strone to jest ona podzielona

|Ogólne | Filmy | galeria | itp...

Ale nie żeby się wczytywały po kliknięciou tylko żeby one już wszystkie były załadowane i po kliknięciu w jedną z nich odrazu pokazywała się zawatrość?
nospor
10.04.2007, 14:03:52
Cytat
Ale nie żeby się wczytywały po kliknięciou
to czemu dajesz to w dziale ajax, skoro nie chcesz ladowac tylko od razu miec wszystko zaladowane?

Cytat
tylko żeby one już wszystkie były załadowane i po kliknięciu w jedną z nich odrazu pokazywała się zawatrość?
walisz dodatkowe divy w ktorych masz ta tresc a pokliknieciu pokazujesz dany div i juz smile.gif
pisze tak skrotowo, bo ja w zasadzie w celach moderacyjnych postuje - przenosze
TranceAddict
10.04.2007, 17:43:26
hmm na dobry początek użyj biblioteki mintAJAX powinno wystarczyć

http://www.mintajax.pl/?guide tutaj masz nawet w przykładach takie zakładki jak chcesz

pzdr smile.gif
skowron-line
10.04.2007, 17:57:21 
[HTML] pobierz, plaintext 
  1. <script>
  2. 	//<![CDATA[
  3. 		function pokazdiv(el) {
  4. 			for(var i=1; i<=3; i++) {
  5. 				if(el == i) {
  6. 					document.getElementById(el).style.display = "block";
  7. 				}else{
  8. 					document.getElementById(i).style.display = "none";
  9. 				}
  10. 			}
  11. 		}
  12. 		//]]>
  13. 	</script>
  14.  
  15. 	<a href="java script:void(0);" onclick="pokazdiv('1');">Galeria</a>
  16. 	<a href="java script:void(0);" onclick="pokazdiv('2');">Filmy</a>
  17. 	<a href="java script:void(0);" onclick="pokazdiv('4');">Ogolne</a>
  18.  
  19. <div id="1">jeden</div>
  20. <div id="2">dwa</div>
  21. <div id="3">trzy</div>
[HTML] pobierz, plaintext

podpisuje sie pod tym co napisal @nospor
janekpogwad
10.12.2008, 10:50:46
Cytat(skowron-line @ 10.04.2007, 17:57:21 ) *
[HTML] pobierz, plaintext 
  1. <script>
  2. 	//<![CDATA[
  3. 		function pokazdiv(el) {
  4. 			for(var i=1; i<=3; i++) {
  5. 				if(el == i) {
  6. 					document.getElementById(el).style.display = "block";
  7. 				}else{
  8. 					document.getElementById(i).style.display = "none";
  9. 				}
  10. 			}
  11. 		}
  12. 		//]]>
  13. 	</script>
  14.  
  15. 	<a href="java script:void(0);" onclick="pokazdiv('1');">Galeria</a>
  16. 	<a href="java script:void(0);" onclick="pokazdiv('2');">Filmy</a>
  17. 	<a href="java script:void(0);" onclick="pokazdiv('4');">Ogolne</a>
  18.  
  19. <div id="1">jeden</div>
  20. <div id="2">dwa</div>
  21. <div id="3">trzy</div>
[HTML] pobierz, plaintext

podpisuje sie pod tym co napisal @nospor


Błędy! Oto moja wersja:
[HTML] pobierz, plaintext 
  1. <script>
  2. //<![CDATA[
  3. function pokazdiv(el) {
  4. for(var i=1; i<=3; i++) {
  5. if(el == i) {
  6. document.getElementById(el).style.display = "block";
  7. }else{
  8. document.getElementById(i).style.display = "none";
  9. }
  10. }
  11. }
  12. //]]>
  13. </script>
  14.  
  15.  
  16.  
  17.  
  18. <a href="javascript:void(0);" onclick="pokazdiv('1');">Galeria</a>
  19. <a href="javascript:void(0);" onclick="pokazdiv('2');">Filmy</a>
  20. <a href="javascript:void(0);" onclick="pokazdiv('3');">Ogolne</a>
  21.  
  22. <div id="1">jeden</div>
  23. <div id="2" style="display:none">dwa</div>
  24. <div id="3" style="display:none">trzy</div>
[HTML] pobierz, plaintext


Na początku pokazuje jedną zakładkę, a nie wszystkie. Poza tym małe błędy w linkach winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.