Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Lista elementów modyfikowana przez JS
murawa
post 20.06.2007, 23:04:07
Post #1





Grupa: Zarejestrowani
Postów: 80
Pomógł: 0
Dołączył: 2.04.2006
Skąd: Poznań

Ostrzeżenie: (10%)
X----

Chce zrobić następującą rzecz:
Na stronie wyswietlają się pozycje box
jest 5 kategorii
Po kliknięciu na górze strony na kategorie znikąją pozycje innej kategorii i zostaje tylko tak wybrana.
Ktoś ma jakąś propozcyje ?


--------------------
Boże broń przed plagą, zarazą, trądem, wiedzą z kursów php oraz przed dziećmi neostrady
Go to the top of the page
+Quote Post
wojtek.zielinski
post 21.06.2007, 06:00:36
Post #2





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 19.12.2006
Skąd: Poznań

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

Najlatwiej chyba te kategorie zamknac w div'y:

[HTML] pobierz, plaintext 
  1. <div id="kategoria1">bla bla bla</div>
  2. <div id="kategoria2">ple ple ple</div>
  3. ...
[HTML] pobierz, plaintext


i w JS zapisac je na sztywno w tablicy:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. var kategorie[1] = "kategoria1";
  3. var kategorie[2] = "kategoria2";
  4. ...
  5. </script>
[HTML] pobierz, plaintext


No i na koniec taki skrypt z odpowiednimi linkami:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. function ShowOne(id)
  3. {
  4.     for(i=1; i<=5; i++)
  5.     {
  6.          if(i==id)
  7.            document.getElementById(kategorie[i]).style.display = 'block';
  8.          else
  9.            document.getElementById(kategorie[i]).style.display = 'none';
  10.     }
  11. }
  12. </script>
  13.  
  14. <a href="java script:ShowOne('1');">Kategoria 1</a>
  15. <a href="java script:ShowOne('2');">Kategoria 2</a>
  16. ...
[HTML] pobierz, plaintext


--------------------
Wojtek Zieliński
http://www.zielinscy.pl
php portale cms
Go to the top of the page
+Quote Post
murawa
post 21.06.2007, 15:31:15
Post #3





Grupa: Zarejestrowani
Postów: 80
Pomógł: 0
Dołączył: 2.04.2006
Skąd: Poznań

Ostrzeżenie: (10%)
X----

Sprawdzałeś ten skrypt bo mi on nie działa !


--------------------
Boże broń przed plagą, zarazą, trądem, wiedzą z kursów php oraz przed dziećmi neostrady
Go to the top of the page
+Quote Post
pbnan
post 21.06.2007, 16:55:00
Post #4





Grupa: Zarejestrowani
Postów: 174
Pomógł: 0
Dołączył: 27.03.2007
Skąd: Osiek almost City ;-D

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

Ależ on działa poprawnie, trzeba tylko zmienić lekko kod: forum dodaje spację w wyrazie "javascript", choć nie powinno (jakieś zabezpieczenia). Usuń tę spację i kod odpowiednio połącz winksmiley.jpg


--------------------
"Hmmm, na wakacje trzeba będzie zacząć zarabiać, co nie? ;-] GTA IV się coraz bardziej zbliża... ;-]"
To się nazywa częsty update sygnaturki.
;-)
Go to the top of the page
+Quote Post
murawa
post 22.06.2007, 02:32:58
Post #5





Grupa: Zarejestrowani
Postów: 80
Pomógł: 0
Dołączył: 2.04.2006
Skąd: Poznań

Ostrzeżenie: (10%)
X----

http://www.mrawski.pl/js_test.html
Wszystko ok ? to dlaczego u mnie nie działa ?


--------------------
Boże broń przed plagą, zarazą, trądem, wiedzą z kursów php oraz przed dziećmi neostrady
Go to the top of the page
+Quote Post
abc667
post 22.06.2007, 06:07:09
Post #6





Grupa: Zarejestrowani
Postów: 229
Pomógł: 0
Dołączył: 29.05.2007

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

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>JavaScript test ;) http://forum.php.pl/index.php?showtopic=71...0</title>
  4. <script type="text/javascript">
  5. kategorie = new Array();
  6. kategorie[1] = "kategoria1";
  7. kategorie[2] = "kategoria2";
  8. kategorie[3] = "kategoria3";
  9. kategorie[4] = "kategoria4";
  10. kategorie[5] = "kategoria5";
  11.  
  12. function ShowOne(id)
  13. {
  14. for(i=1; i<=5; i++)
  15. {
  16. if(i==id)
  17. document.getElementById(kategorie[i]).style.display = 'block';
  18. else
  19. document.getElementById(kategorie[i]).style.display = 'none';
  20. }
  21. }
  22. </script>
  23.  
  24. </head>
  25.  
  26. <body>
  27. <div id="kategoria1">bla bla bla</div>
  28. <div id="kategoria2">ple ple ple2</div>
  29. <div id="kategoria3">ple ple ple3</div>
  30. <div id="kategoria4">ple ple ple4</div>
  31. <div id="kategoria5">ple ple ple5</div>
  32.  
  33. <a href="java script:ShowOne('1');">Kategoria 1</a>
  34. <a href="java script:ShowOne('2');">Kategoria 2</a>
  35. <a href="java script:ShowOne('3');">Kategoria 2</a>
  36. <a href="java script:ShowOne('4');">Kategoria 2</a>
  37. <a href="java script:ShowOne('5');">Kategoria 2</a>
  38. </body>
  39. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
murawa
post 22.06.2007, 16:49:11
Post #7





Grupa: Zarejestrowani
Postów: 80
Pomógł: 0
Dołączył: 2.04.2006
Skąd: Poznań

Ostrzeżenie: (10%)
X----

Boxy weryfikowane są po ID a ID może być tylko jedno.Jak to zmodyfikować żeby były identyfikowane po np name="" ?



Gdzie jest błąd ?
[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2. 	kategorie = new Array();
  3. 	kategorie[1] = "nazwa";
  4. 	kategorie[2] = "nazwa";
  5. 	kategorie[3] = "nazwa";
  6. 	kategorie[4] = "nazwa";
  7. 	kategorie[5] = "nazwa";
  8. 	kategorie[6] = "nazwa";
  9.  
  10. 	function ShowOne(name)
  11. 	{
  12. 	for(i=1; i<=6; i++)
  13. 	{
  14. 		if(i==name)
  15. 			boxy = document.getElementById('main').getElementsByName(kategorie[i]);
  16. 			for(n=0; n<boxy.length; n++)
  17. 			{
  18. 			boxy[n].style.display = 'block';
  19. 			}
  20. 		else
  21. 			boxy = document.getElementById('main').getElementsByName(kategorie[i]);
  22. 			for(n=0; n<boxy.length; n++)
  23. 			{
  24. 			boxy[n].style.display = 'none';
  25. 			}
  26. 	}
  27. 	}
  28. </script>
[HTML] pobierz, plaintext


Wie ktoś ?

Ten post edytował murawa 22.06.2007, 14:10:04


--------------------
Boże broń przed plagą, zarazą, trądem, wiedzą z kursów php oraz przed dziećmi neostrady
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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 Wersja Lo-Fi Aktualny czas: 12.06.2025 - 16:34
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn