BBCode - Custom Spoiler

BBCode - Custom Spoiler

Mod Version: 1.01, by orange gold

vB Version: 4.1.0	Rating: (9 votes - 4.44 average)	Installs: 44
Released: 24 Dec 2010	Last Update: Never	Downloads: 0
Not Supported

*Update released! In the new code the button will automatically adjust it's width to tightly fit all the text in the title.. You don't have to worry about keeping your title small anymore! enjoy!

If you like this you may also like the image preview spoiler for large images

I have seen spoiler code before but I am not sure if there is any spoiler code 4.0 for a custom spoiler where you can enter the text that appear on the button (ex. Click to view hidden message) and also show what is on the inside...

Here is my code I made:
** There is a known glitch where in the button title if you put the following symbol in the name ' then it will not work... If anyone can fix this please let me know because I have tried.. Other than that, the code works fine!

Enjoy! (Screenshots below)

Title:

Code:

Spoiler

BBCode Tag Name:

Code:

spoiler

Replacement:

Code:

<div>
    <div class="pre-spoiler">
    <input type="button" value="  {option}  " style="font-size:14px;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.value = '{option}';}">
    </div>
    <div>
        <div class="spoiler" style="display: none;"><div style="border: 1px solid ;">{param}</div></div>
    </div>
</div>

Example:

Code:

[spoiler=enter your title here]enter your text here[/spoiler]

Description:

Code:

Shows and hides text with the click of a button.
(Glitch: In the button title... do not use this symbol ' )

Use Option:

Code:

Yes.

Leave everything else default... Let me know what you think..

Download

No files for download.

Screenshots

vBulletin LTS