Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Menu otwierane
adi456
post
Post #1





Grupa: Zarejestrowani
Postów: 251
Pomógł: 0
Dołączył: 21.01.2010
Skąd: Nowy Sącz

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


Witam, może ktoś polecić jakiś skrypt do otwieranego menu, ponieważ wiekszość posiada dużo niedopracowań. Zależy mi żeby menu otwierało się po kliknięciu, żeby po kliknięciu w odosnik menu się chowało.

Zastosowałem skrypt z tej strony lecz posiada niedociągnięcia, po kliknięciu czegoś w menu nie chowa się, gdy mam 2 menu klikne w jedno otworzy się potem klikam w drugie a to pierwsze dalej jest otwarte (ogólnie problem z zamykaniem, trzeba każdorazowo ręcznie zamykać)

większość skryptów które kiedyś testowałem też miały problemy z zamykaniem się (IMG:style_emoticons/default/sad.gif)

proszę o pomoc

Ten post edytował adi456 5.03.2012, 10:22:20
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
adi456
post
Post #2





Grupa: Zarejestrowani
Postów: 251
Pomógł: 0
Dołączył: 21.01.2010
Skąd: Nowy Sącz

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


bardzo ci dziękuje strife, skrypt działa rewelacyjnie (menu zachowuje się jak w zwykłych programach komputerowych), jednak moderatorzy potrafią być spoko!

p.s. jeszcze malutki problem, co zrobić żeby menu chowało się gdy klikne gdzieś poza menu?

Ten post edytował adi456 5.03.2012, 12:27:50
Go to the top of the page
+Quote Post
strife
post
Post #3





Grupa: Przyjaciele php.pl
Postów: 2 605
Pomógł: 96
Dołączył: 22.10.2004
Skąd: UK

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


Cytat(adi456 @ 5.03.2012, 12:17:22 ) *
bardzo ci dziękuje strife, skrypt działa rewelacyjnie (menu zachowuje się jak w zwykłych programach komputerowych), jednak moderatorzy potrafią być spoko!

p.s. jeszcze malutki problem, co zrobić żeby menu chowało się gdy klikne gdzieś poza menu?

No ba, jasne że są spoko :D

  1. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2.  
  3. <script type="text/javascript">
  4. $(document).ready(function() {
  5. $('ul li a.link').click(function(event) {
  6. $('ul li .li-body').hide();
  7. $(this).parent().find('.li-body').toggle();
  8.  
  9. event.stopPropagation();
  10.  
  11. });
  12.  
  13. $('html').click(function() {
  14. $('ul li .li-body').hide();
  15. });
  16.  
  17. });
  18.  
  19. .li-body {
  20. display: none;
  21. }
  22. </head>
  23.  
  24. <ul>
  25. <li><a class="link" href="java script:void(0)">Element #1</a>
  26. <div class="li-body">zawartosc menu #1</div>
  27. </li>
  28. <li><a class="link" href="java script:void(0)">Element #2</a>
  29. <div class="li-body">zawartosc menu #2</div>
  30. </li>
  31. <li><a class="link" href="java script:void(0)">Element #3</a>
  32. <div class="li-body">zawartosc menu #3</div>
  33. </li>
  34. </ul>
  35.  
  36. </body>
  37. </html>


Obiecaj mi tylko, że poszerzysz swoją wiedzę o ten rozdział na przyszłość ;-)

Pzdr.
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: 13.10.2025 - 09:57