Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Lista elementów modyfikowana przez JS
murawa
post
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 ?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
abc667
post
Post #2





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

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


  1. <script type="text/javascript">
  2. kategorie = new Array();
  3. kategorie[1] = "kategoria1";
  4. kategorie[2] = "kategoria2";
  5. kategorie[3] = "kategoria3";
  6. kategorie[4] = "kategoria4";
  7. kategorie[5] = "kategoria5";
  8.  
  9. function ShowOne(id)
  10. {
  11. for(i=1; i<=5; i++)
  12. {
  13. if(i==id)
  14. document.getElementById(kategorie[i]).style.display = 'block';
  15. else
  16. document.getElementById(kategorie[i]).style.display = 'none';
  17. }
  18. }
  19.  
  20. </head>
  21.  
  22. <div id="kategoria1">bla bla bla</div>
  23. <div id="kategoria2">ple ple ple2</div>
  24. <div id="kategoria3">ple ple ple3</div>
  25. <div id="kategoria4">ple ple ple4</div>
  26. <div id="kategoria5">ple ple ple5</div>
  27.  
  28. <a href="java script:ShowOne('1');">Kategoria 1</a>
  29. <a href="java script:ShowOne('2');">Kategoria 2</a>
  30. <a href="java script:ShowOne('3');">Kategoria 2</a>
  31. <a href="java script:ShowOne('4');">Kategoria 2</a>
  32. <a href="java script:ShowOne('5');">Kategoria 2</a>
  33. </body>
  34. </html>
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 4.10.2025 - 23:22