BB Code Enhancements - Most elegant Spoiler-Tag [BB-Code]

This mod is automatically compatible with vB3.6.x, vB3.7.x, vB3.8.x and vB4.x.x

Demo: http://Uniquecrew.net/Spoiler.php
Demo-Mirror: http://hrkleZ.bplaced.net/Files/Spoiler.html (as you can see in the source, images are base64 encoded in the Demo-Mirror)

Installation Instructions:

1. Open your AdminCP Custom BB Codes => Add New BB Code
2. Title: Spoiler
3. BB Code Tag Name: Spoiler
4. Replacement:
   

   <div style="padding: 0px 5px 0px 5px;  border: 1px solid #DF7401; margin-left: 20px; width: 40%"><div align="center" style="text-transform: none; border-bottom: none; display: block; padding: 3px 0px 3px 0px;">
   <span onClick="var spoiler = this.parentNode.parentNode.getElementsByTagName('div')[2];
     if (spoiler.style.display != ''){
       this.parentNode.parentNode.style.width = '80%'
       this.parentNode.style.borderBottom = '1px solid #CCCCCC';
       spoiler.style.display = '';
       this.getElementsByTagName('a')[0].innerHTML = '->Close Spoiler<-';
     }else{
       this.parentNode.parentNode.style.width = '40%'
       this.parentNode.style.borderBottom = 'none';
       spoiler.style.display = 'none';
       this.getElementsByTagName('a')[0].innerHTML = '->Open Spoiler<-';
     }" />
   <a rel="nofollow" href="#" onClick="return false;" style="text-decoration: none;"><b style="font-size: 0.8em;">->Spoiler ?ffnen<-</b></a>
   </span>
   </div>
   <div class="quotecontent">
   <div align="center" style="display: none; padding: 5px 0px 5px 0px;"><br> {param}</div>
   </div>
   </div><br />

5. Example: [SPOILER]Hidden Text Here[/SPOILER]
6. Description: The [SPOILER]-Tag allows you to hidden or hide your text.
7. Use {option}: No
8. Button Image (Optional) => Upload this Picture on you Server and enter the exact Address of it (/images/ is recommended).
9. Remove Tag If Empty: Yes
10. Disable BB Code Within This BB Code: No
11. Disable Smilies Within This BB Code: No
12. Disable Word Wrapping Within This BB Code: No
13. Disable Automatic Link Parsing Within This BB Code: No

After you finished, you can compare your Settings with this Screenshot.


I hope you like it! (:

This mod is automatically compatible with vB3.6.x, vB3.7.x, vB3.8.x and vB4.x.x

[donisgh]

Thanks a lot... this thread help me

[fayax]

Definitely most elegant. Thank you!

[Feindbild]

Why exactly are you using a fraud/hacking board to demonstrate your spoiler?

[jkotlowski]

Is there any way to allow users to define the text that appears on the spoiler tag?

[spoiler=text to appear instead of open spoiler]text to be inside tag[/spoiler]

Something like that?

[Scans007]

Bumping an old thread - works great for me. Just one question - where do I reference the button image in the code to have it show up?

[MarkFL]

Originally Posted by Scans007

Bumping an old thread - works great for me. Just one question - where do I reference the button image in the code to have it show up?

When you define/edit the BBCode, you enter the URL of the image here:

[Flipfloptrader]

Is it me or is this in German? Spoiler offnen?

Am I missing something?

[Flipfloptrader]

Ignore, just replaced offnen and schließen to open and close.

Works fine on 4.2.4