Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][CSS][PHP]ukrywanie div - ów
Maciek1705
post
Post #1





Grupa: Zarejestrowani
Postów: 157
Pomógł: 3
Dołączył: 15.06.2009

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

Witam serdecznie forumowicze mam małe pytanie i prośbę o pomoc w pewnym problemie. Mam taki kod:

[PHP] pobierz, plaintext 
  1. Print ("
  2. <div id='menu'>
  3. <li class='li_menu'><a>Pokoje</a>
  4. <ul class='menu'>
  5. 	<li id='P1'>P1</li>
  6. 	<li id='P2'>P2</li>
  7. 	<li id='P2'>P2</li>
  8.         <li id='P4'>P4</li>
  9. </ul>
  10. </li>
  11. </div>
  12.  
  13. <div id='0'>
  14. opis itp.
  15. </div>
  16.  
  17. <div id='1'>
  18. treść 1 diva
  19. </div>
  20.  
  21. <div id='2'>
  22. treść 2 diva
  23. </div>
  24.  
  25. <div id='3'>
  26. treść 3 diva
  27. </div>
  28.  
  29. <div id='4'>
  30. treść 4 diva
  31. </div>
  32.  
  33. ");
[PHP] pobierz, plaintext


Chciałem uzyskać taki efekt żeby na jednej stronie było kilka divóv ale tylko 1 widoczny, tz Przy ładowaniu strony ma być zawsze widoczny div z id=0 reszta ma być ukryta, lecz np jeśli z listy wyboru kliknę na P1 to chce żeby div o id=0 się ukrył a był aktywny div z id=1 i tak samo dla pozostałych P2, P3 P4 żeby odpowiednio się pokazywały div2, div3, div4. Wszystkie przykłady jakie widziałem były do htmla nie spotkałem się z przykładem do php. Jeśli ktoś potrafi napisać prostą funkcję co by to robiła to proszę o pomoc bo sam nie mogę tego ogarnąć

Ten post edytował Maciek1705 1.09.2009, 18:45:17
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
kefirek
post
Post #2





Grupa: Zarejestrowani
Postów: 781
Pomógł: 256
Dołączył: 29.06.2008

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

[PHP] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  4. <script>
  5. $(document).ready(function() {
  6. $('#start').show('normal');  
  7. $('.toggle').click(function(){
  8. $('.toggle').hide();
  9. $(this).next('div').show();
  10. });
  11. });
  12. </script>
  13. </head>
  14. <body>
  15. <?php
  16. echo "<div id='start' class='toggle' style='display:none'>test</div>
  17. <div class='toggle' style='display:none'>test1</div>
  18. <div class='toggle' style='display:none'>test2</div>
  19. <div class='toggle' style='display:none'>test3</div>";
  20. ?>
  21. </body>
  22. </html>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- Maciek1705   [JavaScript][CSS][PHP]ukrywanie div - ów   1.09.2009, 18:36:33
- - wookieb   Bo tego w php się nie robi tylko w javascript. Jes...   1.09.2009, 18:47:51
- - Maciek1705   Masz rację to trzeba zrobić w java script patrzyłe...   1.09.2009, 19:45:19
- - Void   Napisz sobie funkcję js przyjmującą jako parametr ...   1.09.2009, 20:03:18
- - Skie   ukrywanie elementu za pomocą atrybutów CSS: Niewi...   1.09.2009, 20:06:26
- - kefirek   [PHP] pobierz, plaintext <html><head> ...   2.09.2009, 08:13:28
- - Maciek1705   nie uwierzcie znalazłem przykład o którym pisałem ...   2.09.2009, 12:18:31
- - jasin   A próbowałeś dać np: [PHP] pobierz, plaintext $htm...   2.09.2009, 12:37:16
- - Maciek1705   dzięki jasin zadziałało jeszcze raz wielkie dzięki...   2.09.2009, 17:20:39

« Następny starszy · Przedszkole · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

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

RSS Aktualny czas: 4.04.2026 - 23:50
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn