Nawigacja

Aktualnie online

Gości online: 1

Użytkowników online: 0

Łącznie użytkowników: 25,386
Najnowszy użytkownik: Hisfatt

Logowanie

Zarejestruj się

Odzyskaj hasło

Shoutbox

Musisz zalogować się, aby móc dodać wiadomość.

Zbigniew@

01.04.2024 12:28:45

Wszystkiego najlepszego z okazji świąt.

JazOOn

28.02.2024 19:25:31

ja zostałem przy fusionie ale nazywa się 360. Projektowanie i druk 3d...

MajsterBieda

25.02.2024 00:12:42

Ponad 20 lat .... tosz to sioook panie....

JazOOn

24.02.2024 20:32:31

a już na pewno mamuty

JazOOn

24.02.2024 20:31:59

Albo dinozaury

Archiwum shoutboksa

O nie! Ta strona potrzebuje włączonej obsługi języka JavaScript!

Twoja przeglądarka nie obsługuje tego języka lub ma wyłączoną jego obsługę. Włącz wykonywanie kodu JavaScript w swojej przeglądarce internetowej, aby skorzystać ze wszystkich funkcji strony
lub skorzystaj z programu obsługującego język JavaScript, np. Mozilla Firefox, Apple Safari, Opera, Google Chrome lub Windows Internet Explorer w wersji wyższej niż 6.

Zobacz temat

Polski Oficjalny Support PHP-Fusion » PHP-Fusion v7 Support » Wtyczki i panele

Menu accordion w panelu
stingtanner	#1 Dodany dnia 10.05.2009 16:03:22
Przedszkolak Postów: 13 Data rejestracji: 10.05.2009 15:47	Witam Na wstępie chcę powiedzieć że przeglądnąłem wiele tematów na tym forum w sprawie tego menu, bawiłem się także nawigacją zrobioną w stylu accordion, ale nie spodobała mi się za bardzo i dlatego znalazłem inną, niestety po wklejeniu kodu, do nowego panelu, na stronie głównej nie rozwija się, a powinno się rozwijać po najechaniu na kategorie, dodam też że podczas tworzenia panelu, na podglądzie menu działa prawidłowo i korzysta z JQuery. Oto kod jaki wklejam... Styl: Rozwiń Kod źródłowy `.menu_list { width: 150px; } .menu_head { padding: 5px 10px; cursor: pointer; position: relative; margin:1px; font-weight:bold; background: #eef4d3 url(left.png) center right no-repeat; } .menu_body { display:none; } .menu_body a{ display:block; color:#006699; background-color:#EFEFEF; padding-left:10px; font-weight:bold; text-decoration:none; } .menu_body a:hover{ color: #000000; text-decoration:underline; }` Kod w panelu: Rozwiń Kod źródłowy openside("name"); echo " <script type='text/javascript'> <!--//---------------------------------+ // Developed by Roshan Bhattarai // Visit http://roshanbh.com.np for this script and more. // This notice MUST stay intact for legal use // ---------------------------------> $(document).ready(function() { //slides the element with class 'menu_body' when paragraph with class 'menu_head' is clicked $('#firstpane p.menu_head').click(function() { $(this).css({backgroundImage:'url(down.png)'}).next('div.menu_body').slideToggle(300).siblings('div.menu_body').slideUp('slow'); $(this).siblings().css({backgroundImage:'url(left.png)'}); }); //slides the element with class 'menu_body' when mouse is over the paragraph $('#secondpane p.menu_head').mouseover(function() { $(this).css({backgroundImage:'url(down.png)'}).next('div.menu_body').slideDown(500).siblings('div.menu_body').slideUp('slow'); $(this).siblings().css({backgroundImage:'url(left.png)'}); }); }); </script> <div style='float:left; margin-left:20px;'> <!--This is the second division of right--> <p><strong>Works with mouse over </strong></p> <div class='menu_list' id='secondpane'> <!--Code for menu starts here--> <p class='menu_head'>Header-1</p> <div class='menu_body'> <a href='#'>Link-1</a><br> <a href='#'>Link-2</a><br> <a href='#'>Link-3</a> </div> <p class='menu_head'>Header-2</p> <div class='menu_body'> <a href='#'>Link-1</a><br> <a href='#'>Link-2</a><br> <a href='#'>Link-3</a> </div> <p class='menu_head'>Header-3</p> <div class='menu_body'> <a href='#'>Link-1</a><br> <a href='#'>Link-2</a><br> <a href='#'>Link-3</a> </div> </div> <!--Code for menu ends here--> </div> "; closeside(); Jest to mój pierwszy temat na tym forum, i mam nadzieje że został on poprawnie napisany. Dla pewności podaję także adres strony, menu znajduje się po lewej na dole: http://www.stingt...n/news.php Z góry dziękuję za jaką wszelką pomoc. Edytowane przez stingtanner dnia 10.05.2009 16:10:27


Wścibski Gość	Dodany dnia 18.04.2024 16:22:49
Pan Kontekstualny Postów: n^x Data rejestracji: Zawsze
IP: localhost

Pieka	#2 Dodany dnia 10.05.2009 16:16:38
Postów: 19882 Pomógł: 767 v7.02.03 Data rejestracji: 23.02.2005 18:12	Podane menu dziala jak najbardziej prawidlowo: http://test7.ovh.org Mysle, ze u Ciebie doszlo do zdublowania funkcji lub masz dwie, ktorych wspolistnienie stoi pod znkaiem zapytania. Najprosciej bedzie sprawdzic poprzez wylaczanie dodatkow. Zacznij od paneli z rozwijanym menu. Jestem jaki jestem


stingtanner	#3 Dodany dnia 10.05.2009 16:35:51
Przedszkolak Postów: 13 Data rejestracji: 10.05.2009 15:47	Po wyrzuceniu praktycznie wszystkiego co tylko miałem zainstalowane, znalazłem przyczynę, a mianowicie chodziło o bibliotekę Ajax, wyrzuciłem wpis z header.php, i teraz menu działa prawidłowo. Dzięki Pieka za nakierowanie.


Platon	#4 Dodany dnia 22.12.2009 14:47:42
Przedszkolak Postów: 7 Data rejestracji: 17.12.2009 16:44	Witam, czy jest możliwość, by nie po najechaniu myszką panel się rozwijał, lecz po kliknięciu?


zezol	#5 Dodany dnia 22.12.2009 15:03:09
Bywalec Postów: 593 Pomógł: 34 Data rejestracji: 09.12.2006 22:16	Wystarczy zmienić mouseover na click, zamień linijkę: Rozwiń Kod źródłowy JS `$('#secondpane p.menu_head').mouseover(function()` Kliknij i zaczekaj na załadowanie kodu ... na: Rozwiń Kod źródłowy JS `$('#secondpane p.menu_head').click(function()` Kliknij i zaczekaj na załadowanie kodu ... "Szukajcie, a znajdziecie"


Platon	#6 Dodany dnia 22.12.2009 15:19:59
Przedszkolak Postów: 7 Data rejestracji: 17.12.2009 16:44	Dzięki wielkie. A da się może tak, by nie po załadowaniu strony od razu się trzy panele pokazywały rozwinięte tylko jeden? Edytowane przez Platon dnia 22.12.2009 15:20:19


zezol	#7 Dodany dnia 22.12.2009 16:21:56
Bywalec Postów: 593 Pomógł: 34 Data rejestracji: 09.12.2006 22:16	Pisz z łaski swojej po Polsku, bo nie rozumiem cię za bardzo. Jeśli chcesz, aby po załadowaniu strony rozwinięta była tylko jedna kategoria, to przy tych, które mają być zamknięte spróbuj zrobić tak: Np. z: Rozwiń Kod źródłowy HTML `<p class='menu_head'>Header-1</p> <div class='menu_body'>` Kliknij i zaczekaj na załadowanie kodu ... na: Rozwiń Kod źródłowy HTML `<p class='menu_head'>Header-1</p> <div class='menu_body' style='display:none'>` Kliknij i zaczekaj na załadowanie kodu ... Tylko pytanie po co się tak bawić. Niedawno wypuściłem modyfikację nawigacji, która ma to w standardzie - Nawigacja ze zwijanymi kategoriami. "Szukajcie, a znajdziecie"


bogdan	#8 Dodany dnia 06.04.2011 09:40:30
Ekspert Postów: 2451 Pomógł: 164 v7.02.07 Data rejestracji: 21.07.2009 12:55	Siemanko :) Uporałem się dopasowaniem menu do mojej cztero-kolorowej skórki a'la LadyGaga, ale nie mogę sobie poradzić z czym innym. Przy dwóch, trzech rozwijanych kategoriach i niedużej liczbie linków, nie ma większych problemów "wizualnych", bo po najechaniu na jedną kategorię druga się zwija. Przy jednej i dużej liczbie linków, niezbyt to wygląda. Chciałem [brzmi dumnie :D] zrobić, żeby po opuszczeniu kursora kategorie się zwijały samoczynnie. Nie wiem jak to zrobić, bo oprócz komendy "wróć nazad" nic mi nie wychodzi :\| Na jedne stronie pozostawiłem tyle z kodu w panelu: Rozwiń Kod źródłowy openside("Moje filmy"); echo " <script type='text/javascript'> <!--//---------------------------------+ // Developed by Roshan Bhattarai // Visit http://roshanbh.com.np for this script and more. // This notice MUST stay intact for legal use // ---------------------------------> $(document).ready(function() { //slides the element with class 'menu_body' when paragraph with class 'menu_head' is clicked $('#firstpane p.menu_head').click(function() { $(this).css({backgroundImage:'url(down.png)'}).next('div.menu_body').slideToggle(300).siblings('div.menu_body').slideUp('slow'); $(this).siblings().css({backgroundImage:'url(left.png)'}); }); //slides the element with class 'menu_body' when mouse is over the paragraph $('#secondpane p.menu_head').mouseover(function() { $(this).css({backgroundImage:'url(down.png)'}).next('div.menu_body').slideDown(500).siblings('div.menu_body').slideUp('slow'); $(this).siblings().css({backgroundImage:'url(left.png)'}); }); }); </script> <div style='float:left; margin-left:20px;'> <!--This is the second division of right--> <p><strong>Filmiki rozwijany</strong></p> <div class='menu_list' id='secondpane'> <!--Code for menu starts here--> <p class='menu_head'>Header-1</p> <div class='menu_body'> <a href='#'>Link-1</a><br> <a href='#'>Link-2</a><br> <a href='#'>Link-3</a> </div> </div> <!--Code for menu ends here--> </div> "; closeside(); Patrzę w niego i nic B) Będę wdzięczny za jakiś kierunek :) Przepraszam za błędy. Edytowane przez hoopak dnia 06.04.2011 10:14:25 Nie szukaj Szczęścia, lecz dawaj Je innym, a wtedy samo do Ciebie przyjdzie. Nie ma mnie na GG.

Przejdź do forum:

Twój link u nas!

Nawigacja

Główne menu

Komunikacja

Elementarz

Dokumentacja

Aktualnie online

Logowanie

Shoutbox

Zobacz temat