Nawigacja

Aktualnie online

Gości online: 13

Użytkowników online: 0

Łącznie użytkowników: 25,405
Najnowszy użytkownik: kipolas

Logowanie

Zarejestruj się

Odzyskaj hasło

Shoutbox

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

JazOOn

25.06.2025 23:43:19

Dziadziejemy jantom...

jantom

23.06.2025 21:37:31

Z ciekawo?ci pogrzeba?em w historii i jest gorzej ni? my?la?em. Skórka Nadzieja ma ju? 17 lat.

jantom

23.06.2025 21:33:12

... troch? zasiedzia?o

jantom

23.06.2025 21:32:38

Cecha tego, jak z 20+ lat temu pisano strony - tabelki wsz?dzie, szczególnie do tworzenia uk?adów stron. PF d?ugo by? wierny tej tradycji. A obecny szablon Supportu napisa?em z 15 lat temu i chyba mu

Zbigniew@

22.06.2025 17:50:03

Dlaczego forum jest dost?pne tylko dla 10% ludzi? Poniewa? wi?kszo?? osób korzysta z internetu na urz?dzeniach mobilnych.

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 06.09.2025 08:57:26
Pan Kontekstualny Postów: n^x Data rejestracji: Zawsze
IP: localhost

Pieka	#2 Dodany dnia 10.05.2009 16:16:38
Postów: 19887 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