Nawigacja

Aktualnie online

Gości online: 4

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ść.

Zbigniew@

18.10.2025 19:31:20

Forum nie dziala nawet bez polskich znakow.

JazOOn

16.10.2025 18:21:12

nie dziala z polskimi znakami

Zbigniew@

12.10.2025 15:20:31

Tylko dla wybranych.

JazOOn

06.10.2025 21:00:15

czy shout dziala?

hoopak

02.10.2025 10:33:17

Bleeeeee

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 23.10.2025 14:36:58
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.


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


Zbigniew@	#5 Dodany dnia 22.11.2022 19:22:59
Pocz?tkuj?cy Postów: 138 Pomógł: 13 Ostrzeżeń: 1 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 PHP-Fusion v9


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


Zbigniew@	#7 Dodany dnia 22.11.2022 22:12:57
Pocz?tkuj?cy Postów: 138 Pomógł: 13 Ostrzeżeń: 1 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 PHP-Fusion v9

Przejdź do forum:

Twój link u nas!

Nawigacja

G?ówne menu

Komunikacja

Elementarz

Dokumentacja

Aktualnie online

Logowanie

Shoutbox

Zobacz temat