phpBB • Free and Open Source Forum Software

RSS Facebook Twitter
Menu

New Spoiler

No screenshot
Description
This is a simple spoiler using a table.
  • Author AniČ™or
  • Last updated Sat Aug 02, 2014 8:52 pm
  • Rating
    (1)
  • Categories Misc

Public performance attribution has been waived.

Demo

[spoiler]New Spoiler by NA
Hidden text[/spoiler]

Settings

BBCode Usage: Select all
[spoiler]{TEXT}[/spoiler]

HTML Replacement: Select all
<div style="margin-bottom: 2px;"> <b>Spoiler! </b><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != 'inline') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value='Show'; }" type="button"> </div> <div style="border: 1px inset; padding: 6px;"> <div style="display: none;">{TEXT}</div> </div>

Help Line: Select all
Hidden text: [spoiler]hidden text here[/spoiler]
  • Revisions
    Version
    phpBB Version(s)
  • Special Edition
    1.0.2
    3.0.x
    Validation time: Aug 02, 2014 8:52 pm
    BBCode Usage: Select all
    [spoiler]{TEXT}[/spoiler]

    HTML Replacement: Select all
    <div style="margin-bottom: 2px;"> <b>Spoiler! </b><input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != 'inline') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value='Show'; }" type="button"> </div> <div style="border: 1px inset; padding: 6px;"> <div style="display: none;">{TEXT}</div> </div>

    Help Line: Select all
    Hidden text: [spoiler]hidden text here[/spoiler]