Nie jesteś zalogowany.
Jeśli nie posiadasz konta, zarejestruj je już teraz! Pozwoli Ci ono w pełni korzystać z naszego serwisu. Spamerom dziękujemy!

Ogłoszenie

Prosimy o pomoc dla małej Julki — przekaż 1% podatku na Fundacji Dzieciom zdazyć z Pomocą.
Więcej informacji na dug.net.pl/pomagamy/.

#1  2010-08-02 21:07:28

  Rumi - prawiczek erotoman

Rumi
prawiczek erotoman
Skąd: Gorlice
Zarejestrowany: 2004-09-23
Serwis

[js]Menu pionowe, chowanie i pokazywanie podmenu

Mam menu:

Kod:

...
<ul>
     <li>Kategoria</li>
     <ul>
          <li>Podkategoria</li>
          <ul>
               <li>Podpodkategoria</li>
          </ul>
     </ul>
</ul>
...

jako że troche to to sobie liczy chciał bym je (podkategorie i podpodkategorie) ładnie chować. Na js sie nie znam a jquery ukrywa i pokazuje w menu zrobionym na divach .. a mi trza na listach .. ktoś pomoże ;>

Offline

 

#2  2010-08-02 22:42:39

  ethanak - Użytkownik

ethanak
Użytkownik
Skąd: Ungwenor
Zarejestrowany: 2010-07-19
Serwis

Re: [js]Menu pionowe, chowanie i pokazywanie podmenu

takie coś?
Stare co prawda, ale chyba jeszcze aktualne...


Nim mechaniczne larum zagrasz mi, kanalio,
głosząc nadejście Javy - śmiertelnego wroga!
Zespół Adwokacki Dyskrecja

Offline

 

#3  2010-08-02 22:48:46

  Rumi - prawiczek erotoman

Rumi
prawiczek erotoman
Skąd: Gorlice
Zarejestrowany: 2004-09-23
Serwis

Re: [js]Menu pionowe, chowanie i pokazywanie podmenu

ale to ma sie rozsuwać a nie wyświetlać obok

Ostatnio edytowany przez Rumi (2010-08-02 22:48:57)

Offline

 

#4  2010-08-02 22:50:15

  Minio - Użyszkodnik

Minio
Użyszkodnik
Skąd: Poznań, Polska
Zarejestrowany: 2007-12-22
Serwis

Re: [js]Menu pionowe, chowanie i pokazywanie podmenu

Warto dodać że dzięki selektorom CSS3 (:nth-child, + etc), obsługiwanym już przez każdą liczącą się przeglądarkę, nie trzeba każdej pozycji w menu nadawać osobnej klasy, co znacznie upraszcza kod HTML.

ale to ma sie rozsuwać a nie wyświetlać obok

Kwestia wypozycjonowania elementów w CSS. Chyba identyczny sposób, ale z elementami pojawiającymi się pod pozycjami menu:
http://www.cafewebmaster.com/web2-style-css-dynamic … ground-images

Ostatnio edytowany przez Minio (2010-08-02 22:51:46)

Offline

 

#5  2010-08-02 23:32:08

  Rumi - prawiczek erotoman

Rumi
prawiczek erotoman
Skąd: Gorlice
Zarejestrowany: 2004-09-23
Serwis

Re: [js]Menu pionowe, chowanie i pokazywanie podmenu

nie chodzi mi o rozsuwanie sie jak tu http://berndmatzner.de/jquery/hoveraccordion/ wiec musi być js :P

Offline

 

#6  2010-08-03 00:14:47

  Contravene - Użytkownik

Contravene
Użytkownik
Zarejestrowany: 2006-08-07

Re: [js]Menu pionowe, chowanie i pokazywanie podmenu

Rumi napisał(-a):

Na js sie nie znam a jquery ukrywa i pokazuje w menu zrobionym na divach

Przykładowy (i poglądowy) skrypt z użyciem JQuery. Zwróć uwagę na poprawną strukturę znaczników. Elementów <a> użyłem po to, żeby trochę podrasować całość - dodać podreślenia dla punktów niepustych itd. Właściwie to skrypt można ograniczyć do 4 wierszy tyczących się obsługi kliknięcia(które zresztą można zastąpić każdym innym zdarzeniem). Jeśli chcesz, aby rozwinięta mogła być tylko jedna lista jednocześnie, rozszerz odpowiednio obsługę zdarzenia (może to być nieco skomplikowane, jeśli listy są wielopoziomowe).

Kod:

 <ul>
 <li><a>1</a>
   <ul>
     <li><a>1.1</a></li>
     <li><a>1.2</a></li>
   </ul>
 </li>
 <li><a>2</a>
   <ul>
     <li><a>2.1</a></li>
     <li><a>2.2</a>
     <ul>
       <li><a>2.2.1</a></li>
       <li><a>2.2.2</a></li>
     </ul>
     </li>
   </ul>
 </li>
</ul>

Kod:

$(document).ready(function(){
  // Szybkość animacji.
  var speed = 200;
  // Domyślnie zwijamy wszystkie listy oraz podkreślamy te punkty, które listy podrzędne (i ustwiamy rodzaj kursora).
  $('li ul').css('display', 'none').parent().children('a:first-child').css('text-decoration', 'underline').css('cursor', 'hand');
  // Punkt główny: obsługa kliknięcia - zwijanie i rozwijanie list.
  $('li').click(function() {
      $(this).children('ul').toggle(speed);
      return false;
  });
  
});

Ostatnio edytowany przez Contravene (2010-08-03 00:19:55)

Offline

 

#7  2010-08-05 19:47:13

  Rumi - prawiczek erotoman

Rumi
prawiczek erotoman
Skąd: Gorlice
Zarejestrowany: 2004-09-23
Serwis

Re: [js]Menu pionowe, chowanie i pokazywanie podmenu

ok skorzystałem z http://www.jq-help.pl/T-menu-rozwijane-28 i hula

Offline

 

Stopka forum

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson
Możesz wyłączyć AdBlock — tu nie ma reklam ;-)