BB Code Enhancements - Spoiler BB code [Animation version]

I was always looking for something interesting or funny about spoiler tag !
One day I found a fantastic animation gif File for this BBcode !
And create my own codes and the idea of Animation Spoiler tag came true !

As I see this Re_usable code ... I think I can share it easily ! Although I creat and used different code and pictures !

can see demos :

Demo 1 : http://forum.golzarion.com/showthread.php?t=183

*************
Install :

1. In admin control panel : Custom BB Codes => Add New BB Code
2.Title : Spoiler
3.BB Code Tag Name : spoiler
4.Replacement :

<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px; width:852; height:26"><right><font color="red"><b>&nbsp;</b></font></right>  
  <span lang="fa">
  <img border="0" src="http://forum.golzarion.com/u%20Pictures/spoiler2.gif" width="21" height="20">
  <b>Spoiler</b>: {option}&nbsp;</span><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="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
{param}
</div>
</div>
</div>

5.Example : [spoiler]This text is Animation Spoiler[/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 sever and enter the exact address of it .
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
***

I recommend that download the attached file . and read the full instruction and upload the Pictures ( gif files ) on your server!

** Please not to forget to click INSTALL . Thanks. **

http://forum.golzarion.com
.
************
see also this post for the spoiler with golden border ( if you like )

* update : missed </div> was added and it works properly on all browsers version.

[SEW810]

Got my own images.
But thanx dude. INSTALLED

[gorman]

Installed on vB 4.0.2, had to remove the "Use option" and set it to no. Consequently I had to remove the option entry in the code. Works fine. Thanks for sharing.

[Golzarion]

Installed on vB 4.0.2

Yes ! It also works fine on 4.0.3 ! I may ask to move the thread to vB4 section..

[Golzarion]

Thanks Paul M to move the thread on vB4 adds on . :up:

[18lama]

For some reason my spoiler tag works only if I do this:

[SPOILER="spoiler"]text here![/SPOILER]

How can I make it work without the title. ie just tags.

[spoiler] text here [/spoiler]

EDIT: i figured it out!!

just by not using {option} works perfectly with normal tags. :up:

[Taurus1]

It does not work for me on 4.0.7
I added the additional css also. Everything is there, but nothing happens when I click on the "Show" button.

[Golzarion]

but nothing happens when I click on the "Show" button.

Please be sure to clear your web browser cache and cookies too.and try it again.

[Ahmad110]

Thanks man . I installed this hack on my live 4.0.7 board and great work

but how can i add icon this bbcode for quick replay

[soul__stealer]

Same thing as everyone else... Bug with the {option} part.

Setting it to no made it work perfectly (thank you!)
Although I did have to remove the {option} code from the BBCode as well, or it would show up as "Spoiler {Option} [SHOW]"

[Eduardo Leon]

hey your demo dont work :S

please, fix it !