Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [ajax][php]Dynamiczne zakładki
Day Walker
post
Post #1





Grupa: Zarejestrowani
Postów: 29
Pomógł: 0
Dołączył: 14.03.2007

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

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ść?
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
pisze tak skrotowo, bo ja w zasadzie w celach moderacyjnych postuje - przenosze
Go to the top of the page
+Quote Post
TranceAddict
post
Post #3





Grupa: Zarejestrowani
Postów: 32
Pomógł: 2
Dołączył: 10.04.2007

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

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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
skowron-line
post
Post #4





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

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

[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
Go to the top of the page
+Quote Post
janekpogwad
post
Post #5





Grupa: Zarejestrowani
Postów: 51
Pomógł: 1
Dołączył: 22.09.2008
Skąd: Wadowice

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

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 (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.09.2025 - 10:10
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn