Seite 1 von 1

Probleme mit Spoiler

Verfasst: 10.11.2010 17:47
von Lagooner99
Hallo,

ich habe einen Spoiler-Button in meinem Forum eingebaut. Nur leider funktioniert der Spoiler nicht richtig.
Wenn ich einen Spoiler über den Button oder direkt per BB-Code einfügen wird dieser zwar angezeigt ist aber komplett ohne Funktion. Um es genau auszudrücken funktiert das Ein-und Ausblenden der Spoilerinhalte nicht.

Vielleicht wisst ihr ja woran das liegen kann.


Mein BB-COde von dem Button

Code: Alles auswählen

[spoiler]{TEXT}[/spoiler]
Und der dazugehörige HTML-Code

Code: Alles auswählen

<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;">{TEXT}</div></div></div>
Danke im Voraus

Re: Probleme mit Spoiler

Verfasst: 10.11.2010 18:49
von archivar
Hallo,
dein Code ist vermurkst!!!!
Nimm den hier:http://www.phpbb3bbcodes.com/viewtopic.php?t=78

Code: Alles auswählen

<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;">{TEXT}</div></div></div>

Re: Probleme mit Spoiler

Verfasst: 10.11.2010 18:55
von Lagooner99
Klappt wunderbar.

Danke