Wenn du deine Homepage hier anmeldest, wirst du noch viel mehr entdecken.
Die neuesten Themen
» PHP und MySQL!
von AnimeChen.de Gestern um 13:56

» Hilfe beim Layout / Design
von AnimeChen.de Gestern um 13:43

» HTML-Tutorial | Scrollboxen
von Neovine Mo 13 Nov 2017 - 22:50

» CSS/Javascript-Tutorial | Code markieren
von Neovine Mo 13 Nov 2017 - 22:00

» Die Anime School ist zurück!
von Dream Chaser Fr 10 Nov 2017 - 15:47

» Schloss Zauberbach
von Vongola HQ So 5 Nov 2017 - 21:55

» Welten und Orte im Forum
von ADO-finder So 5 Nov 2017 - 14:08

» Profilvorschau - Hover
von Neovine So 5 Nov 2017 - 0:02

» Hilfe gesucht beim Aufbau von Online-Zauberschule
von Schloss Zauberbach Sa 4 Nov 2017 - 18:56

» Einkaufs Formular
von ADO-finder Sa 4 Nov 2017 - 12:22

» ~Echsinea Island~
von Echsinea Sa 4 Nov 2017 - 11:43

» Designwechsel & Eventstart
von Neovine Mi 1 Nov 2017 - 13:03

» Forumieren - Pokémon Layout
von ADO-finder Mo 30 Okt 2017 - 8:17

» Unendlichen Hintergrund erstellen
von ADO-finder Mi 25 Okt 2017 - 20:07

» Aus dem Ruheschlaf zurück [Designwechsel und GFX]
von Vongola HQ Mi 25 Okt 2017 - 18:45

Webby-/ Admin Suche

Eine Anzeige hinzufügen

Alle Anzeigen ansehen


Spoilerfeld

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Spoilerfeld

Beitrag von Naisho no Sekái am Do 31 Aug 2017 - 8:36

Lange habe ich nach einem Code gesucht, der das Spoilerfeld, das man aus Foren mit BBCode kennt, auch auf Homepages mit HTML und co ausführt.

Spoiler:
Also dieses Feld Smile

Und schließlich bin ich fündig geworden.

Code:
<div style="padding: 3px; background-color: #FFFFFF; border: 1px solid #d8d8d8; font-size: 1em;"><div style="text-transform: uppercase; border-bottom: 1px solid #CCCCCC; margin-bottom: 3px; font-size: 0.8em; font-weight: bold; display: block;"><span onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') {  this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>ausblenden</a>'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerHTML = '<b>Spoiler: </b><a href=\'#\' onClick=\'return false;\'>anzeigen</a>'; }" /><b>Spoiler: </b><a href="#" onClick="return false;">anzeigen</a></span></div><div class="quotecontent"><div style="display: none;">DEIN TEXT</div></div></div>

Wenn man es in einem Editor Programm bearbeitet, kann es zu Komplikationen führen, z.B. dass das Feld offen ist, wenn man die Seite besucht, obwohl sie am Anfang geschlossen sein sollte. Am einfachsten ist es den Text zu verfassen und ihn im Code bei "Dein Text" einzufügen. Den Text kann man ja vorher im Editor Programm gestalten wie man möchte, mit Fett, Kursiv ect.

Wenn man das "Spoiler:" zu einem eigenen Begriff ändern möchte, muss man beachten, dass es zwei mal im Code steht und beides geändert werden muss. Probiert es am besten selbst aus Smile
avatar
Naisho no Sekái

Kontaktperson : Eiki
Anzahl der Beiträge : 19
Anmeldedatum : 30.07.17

Benutzerprofil anzeigen http://geheimwelt.forumieren.de

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten