public_demo » geschachtelte Spoiler

HT_lz_cont_head

Test 2022 � �ffentlicher Bereich � public_demo � geschachtelte Spoiler

Themen-Einstellungen

Thema drucken

Bereich wechseln

�ffentlicher Bereich public_demo Umfragen ausprobieren R�tsel sub0 -ausprobieren sub02 -ausprobieren sub1 -ausprobieren UF-Frage-Umfrage

#1 | geschachtelte Spoiler datum

16.08.2022 13:33 (zuletzt bearbeitet: 16.08.2022 13:38)

Spoiler klappen noch nicht optimal auf.

Mit dem ersten Spoiler werden in der Mobilversion auch alle weiteren aufgeklappt.
Die V4 Desktop macht es wie gewünscht.

1 abc
besser wäre, wenn nur die nächste Ebene aufgeklappt würde.

2 abc
Mal sehen ob sich dass durch passendes CSS ändern lässt.

2 cdf
oder noch js nötig ist

um das neue Verhalten zu testen, muss im Layout-Switcher die Option "Spoiler Kaskade" aktiviert werden

diskutiert auch im Support: .hpm-support.de/ -geschachtelte-Spoiler

getestet auch im https://test-v6.xobor.de/ -Verhalten-geschachtelter-Spoiler

🚜🚕🚓 🚐🚗 🚛 🚙 🚚 🚗🚐🚗🚚🚌 Stau ist doof - vorne geht's

Antworten

#2 | RE: geschachtelte Spoiler datum

16.08.2022 14:51 (zuletzt bearbeitet: 16.08.2022 15:12)

l2otbart

Informationen anzeigen

Registriert seit:	01.01.2022
Blog:	l2otbarts Blog

das aktuelle CSS findet man im Layout-Switcher

da V4 Desktop eine Ebene nach der andren öffnet, ist dieses CSS nur für mobilview sinnvoll

1
2
3
4
5
6
7
8
9
 

<style>
 div.hpm_spoiler > div > .hpm_spoiler_body { display:none; }
 div.hpm_spoiler.offen > div > .hpm_spoiler_body { display:block; }
 div.hpm_spoiler.offen > div > .hpm_spoiler_headinput { background-color:yellow; }
 div.hpm_spoiler.offen > div:first-child::before { content:'- '; }
 div.hpm_spoiler > div:first-child::before { content:'+ ';	}
</style>
 
 

einzubauen im Header oder Footer, ...egal wo

da V4 Desktop eine Ebene nach der andren öffnet, ist dieses script nur für mobilview sinnvoll.

1
2
3
4
5
6
7
8
9
10
 

<script>
window.addEventListener("DOMContentLoaded",	function () {
		hpm_spoiler = function(div_sp)  { //* .. global hpm_spoiler() überschreiben
			div_sp.classList.toggle("offen");
			event.stopPropagation();
		} 
	}
</script>
 
 

🚜🚕🚓 🚐🚗 🚛 🚙 🚚 🚗🚐🚗🚚🚌 Stau ist doof - vorne geht's

Antworten

#3 | RE: geschachtelte Spoiler datum

16.08.2022 15:17 (zuletzt bearbeitet: 16.08.2022 15:18)

dieses Beispiel finde ich einfach zu schön, zur Demo ist es ideal ...

ursprünglich gepostet in test-v6.xobor.de/...-Alles-fuer-die-Katz

Zitat
1.
2.

3*
4*
5*

4*

5*

5*
6*

3.
4.
5.
*no way out*

danke an 'Rose '

Antworten

addPics.com Bilderserver � � mein Layout-Switcher

Beitr�ge dieses Themas (vers 5.5.) V4 V6 (close)

Statistik der gezeigten Posts

sessionStorage-Daten verwalten

hier k�nnen die sessionStorage-Daten einzelner Threads gel�scht werden
und festgelegt werden, ob die Beitragstexte gecacht/gebuffert werden sollen.

mehr ...(Kontrolle)

Den Standardwert legt der Admin fest, hier wird nicht standardm��ig gebuffert. Man mu� also jeden einzelnen Wert festlegen.

die Kontrolldaten werden permanent im Browser gespeichert (localStorage)

mit schlie�en des BrowserTabs werden diese sessionStorage-Daten komplett gel�scht. Sie enthalten die eingelesenen "Verzeichnisse" und die Textbeitr�ge. wikipedia.org/wiki/Web_Storage

Threadkb sl�schenbuffernThema
... alle Themen

Statistik und Kontrolle ...

test

Test v4

Bitte geben Sie einen Grund f�r die Verwarnung an

Statistik der gezeigten Posts