New Posting Features - [YUI] VSQ - Spoiler

This is animated spoiler on YUI (js framework that use vB), that allow to you hide any information entire your post.

Installation:
1. upload all files entire "upload" folder to your forum
2. import product

How to use:
After installation in the advanced editor will appear 2 buttons: one for the spoiler to the title by default, the other with the user-defined title. Then wrap and post

[judgeserg]

All work's on 4.1.7 with HoSStiA fix.

[ryansmith]

Both spoilers work if I type the tags in manually on 4.1.7 PL 2, but even with the fix posted by HoSStiA I cannot get the buttons to show up in the Quick Reply box or the normal editor.

I really wish there was an update for this because it's the only reason I haven't upgraded another of my vB forums. We use the spoiler feature heavily and I don't want to lose it. Has anyone found a fix that actually works?

[Popa Andrei]

Has someone managed to make it work on vb 4.1.8?

[ryansmith]

I tried it, including the fix mentioned above, and cannot get it to work. The spoiler itself works but the icons don't show up in the editor. I guess this mod is dead because the coder hasn't come back in a long time.

[mlotziii]

I got the editor buttons to work thanks HoSStia. I needed to upload the images to the correct folder for the skin I had active.

Everything manages to work for me with the exception of the spoiler itself. When I click on it there is no action.

[luan7749]

not working with 4.1.9

[Popa Andrei]

is this mode ever going to be updated?

[ryansmith]

It doesn't look like it. I've put in requests on vBulletin.com for this to be a built-in BB code but the requests go unanswered. I'd even be willing to pay someone for it at this point. I haven't updated from 4.1.1 because we use this heavily on our site.

[persianpros]

waiting for support 4.1.10

[ozione]

this one is truly awesome.

i've managed to get it work by combining the next tips:

1) upload files per instructions but pay attention and upload images subfolders correctly to an active stlyle's image folder.
my example:

forum_root/images/avenger_blue

2) update / replace code provided by HoSStiA + modify a path of the style you're using (my example within the code). do this with the next steps:
a) open Plugin Manager and search for BBCode [spoiler]: button
b) click on edit and change the hook to editor_toolbar_start
c) replace the Plugin PHP Code with a new content:
d) replace the style location "$.../imgdir_editor/spoiler.gif"

if ($show['editor_toolbar'])
{
    $imgdir_editor = vB_Template_Runtime::fetchStyleVar('imgdir_editor');
        $vbulletin->bbcodecache[] = array(
        'buttonimage' => "$avenger_blue/imgdir_editor/spoiler.gif",
        'twoparams' => 0,
        'bbcodetag' => 'spoiler',
        'tag' => 'Spoiler',
                'title' => 'Spoiler'
    );

    $vbulletin->bbcodecache[] = array(
        'buttonimage' => "$avenger_blue/imgdir_editor/spoiler_a.gif",
        'twoparams' => 1,
        'bbcodetag' => 'spoiler',
        'tag' => 'Spoiler +',
                'title' => 'Spoiler +'
    );
}

by now, the function should work fine manualy (with tags)

3) to enable button use fatal1980's tip by adding a custom BB Code. perform this with these steps:
a) AdminCP -> Custom BB Codes -> Add New BB Code
b) insert next values:
Title:

Spoilers

BB Code Tag Name:

spoiler

(or whatever you want - i used spoiler)
Replacement:

<div class="spoiler">
<h2>Spoiler</h2>
<div class="hidden">{param}</div>
</div>

Example:

[spoiler]this is a test[/spoiler]

Button Image:
previously used image path (within the style's image subfolders). i use another image as the plus sign is not as clear in the meaning. my example:


everything should be working just fine now. you can play a bit more with the css to remove the bright backgrounds. to perform this follow the next step.

4) tweaking css
a) the easiest way to get to the proper css is to find it with the help of the search option
b) AdminCP -> Styles & Templates -> Search in Templates
c) use the search string

vsq_spoiler

d) you should get a direct result = vsq_spoiler.css, double click it and edit per need

it works for me with VB 4.1.9
button:

working:



i hope it helps!
:up: