Forum2Go helpdesk

Daar ben ik al haha!
Welke code word er hier gebruikt voor spoiler?

Dit is een voorbeeld van een ander forum waar ik ook gebruik van maak.
Daar is de code gemakkelijk. [spoiler]tekst achter de spoiler[/spoiler]

Een spoiler werkt niet op Phpbb 2

Kijk eens rond op http://www.leejoo.nl

Vond echter dit script dat wel werkt:

Code: Selecteer alles

<div style="margin:20px; margin-top:5px">
    <div class="quotetitle">
        <b>Spoiler:</b>
        <input type="button" value="Pokaż" style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="
            if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display!= '')
            {
                this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = ''; 
                this.innerText = '';
                this.value = 'Ukryj';
            }
            else
            {
                this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none';
                this.innerText = '';
                this.value = 'Pokaż';
            }
        " />
    </div>
    <div class="quotecontent" style="display: none;">{Hallo hier ben ik TEXT}</div>
</div>

Pas op met scripts.
Open altijd het beheer op exact dezelfde plaats en test het eerst terdege uit.
Werkt het niet goed, dan kun je met het ongewijzigde item herstellen (vergeet niet op verzenden te klikken)

Je kunt dit script in het forumbeheer in de omschrijving plakken van een onderwerp.

NOOIT in de FORUMOMSCHRIJVING in de CONFIGURATIE !!

Hier een Engelse ook goed werkende versie:

Code: Selecteer alles

<div style="margin:20px; margin-top:5px"><div class="quotetitle"><b>Spoiler:</b> <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" 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.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

Voor de TEXT kun je willekeurig wat invullen.

Nog een:

Code: Selecteer alles

<span title="spoiler" style="color: #000000; background-color: #000000;" class="spoiler" onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color=this.style.backgroundColor='#000000'">{TEXT}</span>

Let op met een zwarte template.
De achtergrondkleur van dit script is namelijk zwart. #000000
Wat je natuurlijk naar believen kunt aanpassen.

Heb nog een leuke gevonden (show/hide)

Code: Selecteer alles

VISIBLE CONTENT HERE
<div id="spoiler" style="display:none"> 
HIDDEN CONTENT HERE 
</div> 
<button title="Click to show/hide content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/hide</button>

Customization
You can replace “Show/hide” text with your own, in line 5.
If you want to have multiple spoilers on a single page, make sure you give each of them a unique ID.
To use a regular link instead of a button, simply replace the word button with a letter a.

Dankje!
Ik ga morgen even goed ervoor zitten, en dank hoop ik dat het mij gaat lukken.

Ik laat t' nog even weten

Klauw,
Tiger

Het lukt allemaal!

Super bedankt!!

Klauw,
Tiger

Mooi zo

Forum2Go helpdesk

Meer BB-Codes in gebruik nemen