Meer BB-Codes in gebruik nemen

tigertjheu
..
Berichten: 12
Lid geworden op: 29 okt 2015, 13:52

Bericht door tigertjheu » 05 nov 2015, 14:45

Daar ben ik al haha!
Welke code word er hier gebruikt voor spoiler?
Afbeelding
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]

Helpdesk
Admin
Berichten: 1280
Lid geworden op: 21 mei 2009, 18:49

Bericht door Helpdesk » 05 nov 2015, 15:36

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.

Helpdesk
Admin
Berichten: 1280
Lid geworden op: 21 mei 2009, 18:49

Bericht door Helpdesk » 05 nov 2015, 20:32

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.

Helpdesk
Admin
Berichten: 1280
Lid geworden op: 21 mei 2009, 18:49

Bericht door Helpdesk » 06 nov 2015, 10:54

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.

tigertjheu
..
Berichten: 12
Lid geworden op: 29 okt 2015, 13:52

Bericht door tigertjheu » 09 nov 2015, 01:05

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

tigertjheu
..
Berichten: 12
Lid geworden op: 29 okt 2015, 13:52

Bericht door tigertjheu » 11 nov 2015, 22:16

Het lukt allemaal! :D
Super bedankt!! ;)

Klauw,
Tiger

Helpdesk
Admin
Berichten: 1280
Lid geworden op: 21 mei 2009, 18:49

Bericht door Helpdesk » 12 nov 2015, 17:01

Mooi zo :grin:

Plaats reactie