Spoiler mit Speicherfunktion

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps � Spoiler mit Speicherfunktion

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News! Stellen Sie Ihr eigene Webseite vor! Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps MS Windows 11, 10, 8 und 7 - Fragen & Antworten Linux, Ubuntu und andere Betriebssysteme �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten Das neue Template Xobor (v6) Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie Wasserstoff - Energietr�ger der Zukunft. Die besten Links Empfehlenswerte und interessante Links! Link - Suche Verschiedenes Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones Lob, Kritik & Verbesserungsvorschl�ge Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit Alles, was noch so �brig bleibt Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel

#1 | Spoiler mit Speicherfunktion datum

07.08.2012 19:54 (zuletzt bearbeitet: 27.10.2022 17:42)

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3453
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1317

Spoiler mit Speicherfunktion
Aktualisiert 27.10.22

In bestimmten Fällen kann ein Spoiler mit Speicherfunktion gute Dienste leisten.
Wird die Webseite neu gestartet, bleibt der letzte Zustand des Spoilers erhalten.
Hier im Forum wird eine Speicherfunktion in der Kategorien- und Aktivity Feed-Ausblendung angewandt, allerdings wird ein anderes, aufwendigeres Script genutzt.

Das komplette HTML-Script (Speicherung funktioniert nicht in Opera und Google Chrome):

• Werden mehrere Spoiler benötigt, müssen die Zeilen 46-49 vervielfacht und die Zahlen der Variablen "container" + "piccontainer" steigend angepasst werden.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
 
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Klapp-Container</title>
</head>
 
<body>
<br><br>
 
<img style="cursor:pointer;border:0;width:20px;height:16px;" onClick="javascript:klapp('container1');" src="https://png-1.findicons.com/files//icons/1156/fugue/16/minus.png" id="piccontainer1">
<div id="container1">
<p>Hier folgt der Inhalt der aus- und eingeblendet werden soll - container1</p>
</div>
 
<br>
<br>
 
<img style="cursor:pointer;border:0;width:20px;height:16px;" onClick="javascript:klapp('container2');" src="https://png-1.findicons.com/files//icons/1156/fugue/16/minus.png" id="piccontainer2">
<div id="container2">
<p>Hier folgt der Inhalt der aus- und eingeblendet werden soll - container2</p>
</div>
 
<script language="JavaScript" type="text/javascript">
 
function readKlappCookie() {
if (document.cookie) {
var ca = document.cookie.split(';');
for (var i=0;i < ca.length;i++) {
var t = ca[i];
while (t.charAt(0)==' ')
t = t.substring(1,t.length);
var c = t.split('=');
	
if (c[1]=='zu') {
document.getElementById(c[0]).style.display = 'none';
document.getElementById('pic'+c[0]).src = 'https://png-2.findicons.com/files//icons/1715/gion/24/list_add.png';
}
}
}
}
 
function klapp(elementID) {
if (document.getElementById(elementID).style.display != 'none') {
document.getElementById(elementID).style.display = 'none';
document.getElementById('pic'+elementID).src = 'https://png-2.findicons.com/files//icons/1715/gion/24/list_add.png';
document.cookie = elementID+'=zu';
}
else if (document.getElementById(elementID).style.display == 'none') {
document.getElementById(elementID).style.display = 'block';
document.getElementById('pic'+elementID).src = 'https://png-1.findicons.com/files//icons/1156/fugue/16/minus.png';
document.cookie = elementID+'=auf';
}
}
 
onload = readKlappCookie;
</script>
 
</body>
</html>
 

Schlie�en

Auch hier:

Auf-und zuklappen von Textstellen und Bildern

Bis dann, gutes Gelingen und vielen Dank für Florian's Unterstützung

Wolfgang

Antworten

Countdown(up) - Timer - Zähler - Generatoren � � RIOT: Gutes Bild-Optimierungstool für Webseiten

�hnliche Themen

Antworten

Letzter Beitrag

Versuche den HTML - Code zu teilen - Spoiler für die Iconbar
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Daishi

24.09.2024 19:04
von

Anne • Zugriffe: 920

Schließen Spoiler
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten von Anne 9 06.03.2024 19:42
Wolfgang • Zugriffe: 318

Xobor-Spoiler mit und ohne Spoiler-Grafik, neu animiert!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi

18.10.2023 21:09
von

Kipper-Spedition • Zugriffe: 463

Spoiler Alarm
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Daishi 3 11.03.2024 10:24
Wolfgang • Zugriffe: 555
Xobor-Spoiler mit Grafik in der Titelleiste
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 04.07.2022 22:30
Daishi • Zugriffe: 598
Xobor-Spoiler mit Hinweis
Erstellt im Forum Das neue Template Xobor (v6) von Wolfgang 0 01.01.2021 19:49
Wolfgang • Zugriffe: 1200
Spoiler-Veschachtelung mit Code und Pre
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang 1 30.10.2017 20:16
Wolfgang • Zugriffe: 3939

Xobor-Spoiler mit neuen Formatierungen ausstatten
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps von Wolfgang

24.11.2019 09:29
von

Wolfgang • Zugriffe: 3690

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

36%