Nawigacja

Aktualnie online

Gości online: 43

Użytkowników online: 0

Łącznie użytkowników: 25,400
Najnowszy użytkownik: AlojzyBartek

Logowanie

Zarejestruj się

Odzyskaj hasło

Shoutbox

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

Zbigniew@

17.11.2024 11:33:24

Nie ten grzeszy kto pije, ale ten, kto się nie upije.

JazOOn

16.11.2024 20:46:18

tja

Zbigniew@

15.11.2024 18:58:17

Kto pije, ten nie bije.

JazOOn

31.10.2024 20:49:47

Kto pije?

piterus

30.10.2024 19:45:48

I będziemy śpiewać: "Kiedy 20 blisko, przebadaj wszystko, przebadaj wszystko..."

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 » Off Topic » Webmastering

Rozwijany DIV
emil90ck	#1 Dodany dnia 21.11.2022 01:14:53
Bywalec Postów: 376 Pomógł: 30 Ostrzeżeń: 3 v7.00.05 Data rejestracji: 25.07.2008 13:11	Witam, Czy może ktoś pomóc by w poniższym link działała sekcja "Nie działa" Link - https://codepen.i...en/rNdvXjo Z tego co rozumiem po kliknięcie rozwijany jest div z Class "panel". Problem pojawia się, gdy pomiędzy button, a div z Class "panel" pojawi się inny div czy inna znacznik HTML. Jak zrobić by po kliknięciu w button rozwijało najbliższy div z Class "panel" pomimo, że jest coś po drodze...


Wścibski Gość	Dodany dnia 24.11.2024 17:48:34
Pan Kontekstualny Postów: n^x Data rejestracji: Zawsze
IP: localhost

adi	#2 Dodany dnia 22.11.2022 01:22:31
Bywalec Postów: 377 Pomógł: 42 v7.02.07 Data rejestracji: 18.03.2005 10:39	Witam z ostatniego usuń Rozwiń Kod źródłowy `<div class="jakasklasa"></div>` i zadziała. popraw sobie tą stopkę


emil90ck	#3 Dodany dnia 22.11.2022 01:33:50
Bywalec Postów: 376 Pomógł: 30 Ostrzeżeń: 3 v7.00.05 Data rejestracji: 25.07.2008 13:11	adi napisał(a): Witam z ostatniego usuń Rozwiń Kod źródłowy `<div class="jakasklasa"></div>` i zadziała. Ja to dodałem specjalnie, chce by rozwijało następny div o class "panel", a nie że jak coś będzie po drodze to wariuje.


adi	#4 Dodany dnia 22.11.2022 02:00:10
Bywalec Postów: 377 Pomógł: 42 v7.02.07 Data rejestracji: 18.03.2005 10:39	Niema takiej klasy w css, jak chcesz dodać więcej odsyłaczy po prostu powiel Rozwiń Kod źródłowy `<button class="accordion">Section 1</button> <div class="panel"> <p>1111.</p> </div> <buton class="accordion">Section 2</button> <div class="panel"> <p>2222</p> </div> <buton class="accordion">Section 3</buton> <div class="panel"> <p>3333</p> </div> <buton class="accordion">Section 4</buton> <div class="panel"> <p>4444</p> </div> <buton class="accordion">Section 5</buton> <div class="panel"> <p>5555</p> </div>` i tak dalej a jak chcesz więcej div w i odnośniku muszą być zawarte w bloku <div class="panel"> chyba zew czegoś nie kumam no jest jeszcze opcja ze chcesz div pomiędzy odnośnikami, ale wtedy to logiczne ze musi być poza buton Rozwiń Kod źródłowy `<button class="accordion">Section 1</button> <div class="panel"> <p>111.</p> </div> <div class="jakasklasa">aaaaaa</div> <button class="accordion">Section 2</button> <div class="panel"> <p>222</p> </div>` Edytowane przez adi dnia 22.11.2022 02:08:25 popraw sobie tą stopkę


Zbigniew@	#5 Dodany dnia 22.11.2022 19:22:59
Początkujący Postów: 135 Pomógł: 13 v9.03.80 Data rejestracji: 07.03.2021 11:36	Można poprosić o cały skrypt . Jak wkleiłem na swoją stronę skrypt powyżej to po kliknięciu w buton otrzymałem taki komunikat . Prevented an XSS attack through a GET variable! Sądziłem iż zciągnę szybkiego gotowca a tu nic. CMS PHP Fusion V9.!Numer jeden w rankingu najszybszych systemów według niezależnego instytutu nw.ct8.pl


adi	#6 Dodany dnia 22.11.2022 20:17:56
Bywalec Postów: 377 Pomógł: 42 v7.02.07 Data rejestracji: 18.03.2005 10:39	Witam hihi gotowca to nie takie proste, bo każdy ma swoje wizie i upodobania, ale to ci pomoże Rozwiń Kod źródłowy <? echo '<style> .accordion { background-color: #eee; color: #444; cursor: pointer; padding: 25px; width: 200px; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; } .active, .accordion:hover { background-color: #ccc; } .accordion:after { content: "\002B"; color: #777; font-weight: bold; float: right; margin-left: 5px; } .active:after { content: "\2212"; } .panel { padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } </style>'; echo "<button class='accordion'>Section 1</button>"; echo "<div class='panel'>"; echo "<p>1111</p>"; echo "</div>"; echo "<button class='accordion'>Section 2</button>"; echo "<div class='panel'>"; echo "<p>2222</p>"; echo "</div>"; echo "<button class='accordion'>Section 3</button>"; echo "<div class='panel'>"; echo "<p>3333</p>"; echo "</div>"; echo "<script type='text/javascript'> var acc = document.getElementsByClassName('accordion'); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener('click', function() { this.classList.toggle('active'); var panel = this.nextElementSibling; if (panel.style.maxHeight) { panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + 'px'; } }); } </script>"; Pozdro all popraw sobie tą stopkę


Zbigniew@	#7 Dodany dnia 22.11.2022 22:12:57
Początkujący Postów: 135 Pomógł: 13 v9.03.80 Data rejestracji: 07.03.2021 11:36	Trochę późno ale lepiej jak wcale . Może się komuś przyda jeszcze . Zrobiłem generator z rozwijanym menu. Aby nie było . Adres wstawię jako kod. Rozwiń Kod źródłowy `https://nw.ct8.pl/artykul/26/generator-rozwijanego-menu-dostosowany-do-html-5szybkie-generowanie-e-bok%C3%B3w-stron-www` A i jeszcze gdyby ktoś korzystał to radze zapisać hasło . Hasło musowo odświeżać co 30 minut. Edytowane przez Zbigniew@ dnia 10.02.2023 21:56:59 CMS PHP Fusion V9.!Numer jeden w rankingu najszybszych systemów według niezależnego instytutu nw.ct8.pl

Przejdź do forum:

Twój link u nas!

Nawigacja

Główne menu

Komunikacja

Elementarz

Dokumentacja

Aktualnie online

Logowanie

Shoutbox

Zobacz temat