Spoilerfeld
:: Aufbauhilfe :: Tutorials :: Coding
Seite 1 von 1
Spoilerfeld
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.
Und schließlich bin ich fündig geworden.
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
- Spoiler:
- Also dieses Feld
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
Gast- Gast
:: Aufbauhilfe :: Tutorials :: Coding
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten
|
|