BB Code Enhancements - DI - BBCode [spoiler]

DI - BBCode [spoiler] 1.30

Product information:
It's simple BBcode. But all of released here was too "difficult" to install . This one is very simple . It use jQuery javascript library v.1.2.3.
And can be usefull for large listing, for image hiding and so on...

Usage:

[spoiler=Custom header]some text
some text
some text
some text[/spoiler]

or

[spoiler]text
text
text
text[/spoiler]

Result on screen-01.gif

Installation information:
Files edit: 0
Templates edit: 0
Files to upload: 5
Time to install: less then 1 minute

Installation instructions:

1. Upload all content in ./upload folder of plugin to your forum root directory
2. Import XML file through ACP: Plugin System > Manage Products > [Add/Import Product]
3. Optional: edit ./clientscript/vbulletin_css/spoiler.css to customize spoiler

Knowing problems:

1. Not work if a quick reply or quick edit with AJAX functions was used for adding spoiler to post. You must reload page.

Tips:

1. To edit default spoiler header when bbcode used without option - use that link ./admincp/phrase.php?do=edit&e[GLOBAL][spoiler_default_header]
2. If you use english phrase and then translate it on your own language, you must rebuil post cache ./admincp/misc.php?do=buildpostcache
   (full instructions in screenshots see in this post from Ims)
3. If you have very customized editor template (like in this post) and [SPOILER] button do not display you should add it manualy (if you want it of course ):
   • In Style manager ./admincp/template.php?do=modify open your style and choose Edit Temlates
   • Open editor_toolbar_on template
   • Find
     
     PHP Code:

     <if condition="$vBeditTemplate['extrabuttons'] != '' "> 

     and add it before
     PHP Code:

     <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_spoiler"><img src="$stylevar[imgdir_editor]/spoiler.gif" alt="[SPOILER]" width="21" height="20" border="0" /></div></td> 


History:
Released: 1.00 - 09.05.2008
v.1.00 - first public release

Updated: 1.10 - 12.05.2008
v.1.10 - changed slide time to be faster
v.1.10 - changed place of deafault header phrase
v.1.10 - fixed bug with new thread preview with spoiler
v.1.10 - fixed bug with new reply preview with spoiler post

Updated: 1.20 - 21.05.2008
v.1.20 - added link to vbulletin.org modification thread
v.1.20 - added version check link
v.1.20 - added SPOILER button in advanced editor
v.1.20 - added spoiler.gif for advanced editor
v.1.20 - fixed bbcode parsing in WYSIWYG editor (post)
v.1.20 - added history.txt and readme.txt file

Updated: 1.30 - 26.05.2008
v.1.30 - added flash demo
v.1.30 - added usage help in bbcode list ./misc.php?do=bbcode (post)
v.1.30 - added support for announcements (post)
v.1.30 - made modification - Valid XHTML 1.0 Transitional

Please, click install if you like it!

Thanks for help: Marco van Herwaarden & Boofo

[D.Ilyin]

Originally Posted by Derek Chai

Do you have a demo because this might be the spoiler I needed and can I remove the button?

added SWF demo in first post.

[topper_grave]

Installed.

Works perfectly in Internet Explorer, but it does not work in Firefox 3.

[D.Ilyin]

topper_grave can you explain what did you mean? And how can i reproduce this bug?

[D.Ilyin]

Originally Posted by enderep12

Hi, i just installed your Spoiler Addon on my vB 3.7.0

Works perfectly.

But as I use a German board, I wanted to have the phrase in German, too.

I did as stated in your first post ( To edit default spoiler header when bbcode used without option - use that link ./admincp/phrase.php?do=edit&e[GLOBAL][spoiler_default_header] )

But the Text still says "Click here to see full text", instead of "Spoiler: Hier klicken um den ganzen Text zu lesen" (My translation).

How can this be fixed?

good and right question (i don't know why it was deleted). Added TIP 2 how to fix it in first post.

[choccyclaire]

How do we get it to show up in the bbcode list?

www.xxx.com/misc.php?do=bbcode

Works great btw.

[belceb]

where is the button?

[topper_grave]

Originally Posted by D.Ilyin

topper_grave can you explain what did you mean? And how can i reproduce this bug?

Oh, I'm so sorry, of course I should have described the problem better. Well, here it is:

Using Firefox 3 I can see the spoiler bar, with the little + sign and all, but it does not expand to reveal the contents when I click it, which it should. To get to the bottom of this I tried it with both Internet Explorer 7 and Firefox 2 and both worked without a glitch, but with Firefox 3 nothing happens when you click to expand. Firefox 3 supposedly handles overlays/layers differently (some other sites I frequent has had problems with this - such as http://wigflip.com/roflbot/ - but solved them with workarounds), but I do not know if your addon used any kind of overlays or something of the sort.

I realize this could very well be a bug in Firefox 3 and not something you can or should try to fix, but seeing as more and more people on our forum (currently 15% of our userbase, and climbing) is using Firefox 3 we had to stop using your addon to not alienate them, which would drive them off the forum rather than changing their favorite browser.

I am going to post this at the Mozilla forums too, to see if the error is on their part.

[D.Ilyin]

Originally Posted by choccyclaire

How do we get it to show up in the bbcode list?

www.xxx.com/misc.php?do=bbcode

Works great btw.

will be added in next version.

Originally Posted by Ronya

Dont work in announcements, i guess there is no javascript.

and this too.

[dvbusuario]

Esta nueva version, se muestra el contenido rapidamente y luego se oculta por si solo, hay manera de solucionarlo?

[D.Ilyin]

Originally Posted by belceb

where is the button?

belceb you have a customized editor template (or you template was not revert to vB 3.7.0) and should edit it manualy.

1. In Style manager ./admincp/template.php?do=modify open your style and choose Edit Temlates
2. Open editor_toolbar_on template
3. Find
   
   PHP Code:

   <if condition="$vBeditTemplate['extrabuttons'] != '' "> 

   and add it before
   PHP Code:

   <td><div class="imagebutton" id="{$editorid}_cmd_wrap0_spoiler"><img src="$stylevar[imgdir_editor]/spoiler.gif" alt="[SPOILER]" width="21" height="20" border="0" /></div></td> 


Added in TIPs list.