[YUI] VSQ - Spoiler

[mad@Max]

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:)

[CampinCarl]

This works perfectly.

However, could you make it so that the spoiler title is regular text instead of it being italicized?

[mad@Max]

In template vsq_spoiler.css find and replace text italic to normal.

[ishare]

this one would be great on 3.8.x too..

[Dr.osamA]

installed

thanxxxx

[robbiefritz]

Works well. Thanks!

[Dave-M]

Hi Mad@Max,

Thanks for this, it looks great. When I add it to posts, it isn't clickable, in other words, when I click it, it doesn't reveal the hidden text. I get a hover over "hand" on the mouse pointer but nothing happens when I click. I hope this makes sense?

I'm on 4.0.3. :)

[Plus]

Installed with some style modifications (using stylevars from bbcode_quote_...). Looks great and native.

118265 118271

Not working in help (/misc.php?do=bbcode).

[Plus]

...want to have quotes with same functionality now :)

[Dave-M]

Hi Mad@Max,

Thanks for this, it looks great. When I add it to posts, it isn't clickable, in other words, when I click it, it doesn't reveal the hidden text. I get a hover over "hand" on the mouse pointer but nothing happens when I click. I hope this makes sense?

I'm on 4.0.3. :)

Any ideas on this please?

[fayax]

Excellent! Installed.

[ryansmith]

There's quite a large gap of space between spoilers if you put more than one in a thread. Is there some way to make less of a gap? Maybe just one blank line in between them instead of what looks like 2 or 3?

Thanks.

[Semmi]

One really important question:
How could i get i free line before the spoiler stars? What do i have to add into the css file?

[a7lameza.com]

thank you

[funmasti]

nice spoiler

[Ryan.]

Works like a charm and easy to customize the .css. Thanks!

[Skyrider]

This doesn't work with Vb 4.0.4PL1. Spoilers either won't show, or merely show normal text.

[Skyrider]

Sooo.. any updates?

[laztrix]

I'd like to see this working for vBulletin 3.8.x series. Looks nice...

[General of the]

Works perfectly on vb 4.0.5

[afed]

Works nise thank you. But why is it linking to yahooapis.com? :confused:

[cloferba]

amazing! installed! :D

[mad@Max]

Works nise thank you. But why is it linking to yahooapis.com? :confused:
To make a combo-link instead of three:
<script type="text/javascript" src="http://yui.yahooapis.com/combo?2.8.1/build/selector/selector-min.js&amp;2.8.1/build/event-delegate/event-delegate-min.js&amp;2.8.1/build/animation/animation-min.js"></script>
instead
<script type="text/javascript" src="clientscript/selector/selector-min.js"></script>
<script type="text/javascript" src="clientscript/event-delegate/event-delegate-min.js"></script>
<script type="text/javascript" src="clientscript/animation/animation-min.js"></script>
But you can use second variant.

[cloferba]

why i see 2 icons on the editor?

http://www.elmejorforo.net/images/editor/spoiler.gif
http://www.elmejorforo.net/images/editor/spoiler_a.gif

the first icon dont work if you press it...why?

[cloferba]

i have found a bug

if you insert bbcode [code] it is not showed

[Lazorbeam]

Hi Madmax, I have a couple questions... perhaps a bit of a longshot.

Would it be possible to make the spoiler command usable only by premium users?

And: is the text within the spoiler visible in, say, page source?

[Plus]

AdminCP\Maintenance\Update Counters\Rebuild Post Cache

will corrupt cache of posts with [spoiler].

4.0.6

[horussjr]

4.0.8 doesn't work. messes up all my bbcodes...

[Jeremy8]

does it load images before or after it is opened?

[horussjr]

4.1.1 works great

PS: how to leave only the spoiler A button?

[PreciseDemise]

In a future version, would it be possible to use StyleVars rather than hardcoded CSS ... It would make it fit instantly better on any forum it's installed upon ... Just an idea, other wise perfect =D

[pcXtremists]

works perfectly. thanks

[xixxon]

can you covert to 3.8 :x

[Sworm]

can you covert to 3.8 :x

Yes should be really GREAT

[MikalMirkas]

For some reason it doesn't even work for some posts. The plus & minus toggle but the text remains as normal (hidden).

[MeisterGigi]

thanks !

Is there a way to add it to the quick reply?

[naisho]

Works fine on vb 4.1.3. Thanks!

[MarceloS]

Great mod, but the new version of vb4 (4.1.4) do not show the button on the editors.

I tried to edit the code to fix it, but it didn't work.

Anyone?

[Mdrop]

Great mod, but the new version of vb4 (4.1.4) do not show the button on the editors.

I tried to edit the code to fix it, but it didn't work.

Anyone?Same problem here, with EVERY mod!

[hacksden]

any chance that this mod will be updated to work with 4.1.4??

[Popa Andrei]

i just installed it on vbulletin 4.1.4 but the buttons doesent appear

[Ichigo88]

same problem! please update!

[Ichigo88]

up please!

[Popa Andrei]

and we are still waiting for a news at least from the creator...

[Ichigo88]

pleaseeeee!

[halkum]

Calm the F' down. Let him have time to look at it.

[Ichigo88]

ok :(

[LuckyNeo]

Not work on 4.1.4. Please, fix it :)

[Mdrop]

Not work on 4.1.4. Please, fix it :)
Only

test

is working in 4.1.4!

[Popa Andrei]

either the buttons shows in editor in vb 4.1.4

i think that we better add the button maunal and the code in custom bbcodes

[It's Damn Real!]

Love it!

[Popa Andrei]

Love it!

some of u guys just post for post numbers?
Replys ar for feed backs and support or develping.Use the like button if you want to say that.
doohhhh

[hacksden]

either the buttons shows in editor in vb 4.1.4

i think that we better add the button maunal and the code in custom bbcodes

Any tips on doing that? I looked at the code and it isn't clear to me on how to do it. The BB code appears to be in php and that calls a javascript.

[Ichigo88]

mad@max please reply! fix this mod!

[MikalMirkas]

Uninstalled.
Isn't working, don't want.

[Sayrex]

Uninstalled .
no't working with Vb 4.1.5 .

[Ichigo88]

yes not work with vb 4.1.5 -.-! the coder is not interested tu ubdate the plug i unistall it :(

[Lemrith]

:down: not working anymore =(

[NgocTam]

not work 4.1.5

[Semmi]

Please Update this. It's the best Spoiler in vB.

[MikalMirkas]

Please Update this. It's the best Spoiler in vB.

I don't think he cares about this modification anymore.
He still hangs around his website, last time I checked.

[fatal1980]

As a temp fix:

in the BB code manager:

add:

Title:
Spoilers

BB Code Tag Name:
sp ( or whatever you want)

Replacement: (from the VSQ template)

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

Example:

this is a test

Button Image:
http://www.yourdomain.com/images/editor/spoiler.gif (if you want an image in the advanced editor)

[Ichigo88]

thank you fatal! in this spoiler there are tow spoiler! one is fix thanks to you!

the second is Hidden Text Here with title! how to ad in editor?

[HoSStiA]

Fix for 4.1.5:
1). Open Plugin Manager and search for BBCode [spoiler]: button
2). Click on edit and change the hook to editor_toolbar_start
3). Replace the Plugin PHP Code with a new content:
if ($show['editor_toolbar'])
{
$imgdir_editor = vB_Template_Runtime::fetchStyleVar('imgdir_editor' );
$vbulletin->bbcodecache[] = array(
'buttonimage' => "$imgdir_editor/spoiler.gif",
'twoparams' => 0,
'bbcodetag' => 'spoiler',
'tag' => 'Spoiler',
'title' => 'Spoiler'
);

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

[archet1337]

Tried your fix HoSStiA, but it still doesn't work on my 4.1.5 board.

The spoiler buttons and box works, but I can't click them to see the hidden content.

Any ideas on what I can do to make it work?

[hacksden]

@HoSStiA

Thank you very much. :)

[haidm]

Fix for 4.1.5:
1). Open Plugin Manager and search for BBCode [spoiler]: button
2). Click on edit and change the hook to editor_toolbar_start
3). Replace the Plugin PHP Code with a new content:
if ($show['editor_toolbar'])
{
$imgdir_editor = vB_Template_Runtime::fetchStyleVar('imgdir_editor' );
$vbulletin->bbcodecache[] = array(
'buttonimage' => "$imgdir_editor/spoiler.gif",
'twoparams' => 0,
'bbcodetag' => 'spoiler',
'tag' => 'Spoiler',
'title' => 'Spoiler'
);

$vbulletin->bbcodecache[] = array(
'buttonimage' => "$imgdir_editor/spoiler_a.gif",
'twoparams' => 1,
'bbcodetag' => 'spoiler',
'tag' => 'Spoiler +',
'title' => 'Spoiler +'
);
}
Still not display the icon on toolbar.

[MarceloS]

Fix for 4.1.5:
1). Open Plugin Manager and search for BBCode [spoiler]: button
2). Click on edit and change the hook to editor_toolbar_start
3). Replace the Plugin PHP Code with a new content:
if ($show['editor_toolbar'])
{
$imgdir_editor = vB_Template_Runtime::fetchStyleVar('imgdir_editor' );
$vbulletin->bbcodecache[] = array(
'buttonimage' => "$imgdir_editor/spoiler.gif",
'twoparams' => 0,
'bbcodetag' => 'spoiler',
'tag' => 'Spoiler',
'title' => 'Spoiler'
);

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

Unfortunatelly, button still not showing in quick or advanced reply;

[haidm]

Installed with some style modifications (using stylevars from bbcode_quote_...). Looks great and native.

118265 118271

Not working in help (/misc.php?do=bbcode).
How can I change the color of background like this in dark style?

[lilgezuz]

Is there a way to change the background color on the word spoiler then when the hidden part drops down it has a different background color

[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 : 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
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:
http://www.konzole-slovenija.com/vb4/images/avenger_blue/misc/spoiler!.png

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:
http://konzole-slovenija.com/images/spoiler1a.png
working:
http://konzole-slovenija.com/images/spoiler1c.png
http://konzole-slovenija.com/images/spoiler1b.png

i hope it helps!
:up:

[thenashy]

This also works for .10

[ryansmith]

ozione, thank you so much! I have it working on 4.1.10 right now. I only have one question, and maybe you can answer it for me.

When I click on the Spoiler BB code icon for the custom title, I get this:

https://vborg.vbsupport.ru/external/2012/02/1.jpg

Is there any way to edit something to make the box blank, and remove the "undefined" text? I'm assuming this is something messed up in the original code that isn't compatible with 4.1.10 now?

[Popa Andrei]

ozione, thank you so much! I have it working on 4.1.10 right now. I only have one question, and maybe you can answer it for me.

When I click on the Spoiler BB code icon for the custom title, I get this:

https://vborg.vbsupport.ru/external/2012/02/1.jpg

Is there any way to edit something to make the box blank, and remove the "undefined" text? I'm assuming this is something messed up in the original code that isn't compatible with 4.1.10 now?

that is not an bug.Its how the feature works.It that popup you insert the spoiler name.

[ryansmith]

I realize that, but usually the text in the box is blank rather than saying "Undefined."

Anyway, does anyone know if this works on the new 4.1.11?

[It's Damn Real!]

I realize that, but usually the text in the box is blank rather than saying "Undefined."

Anyway, does anyone know if this works on the new 4.1.11?

It loads, but the actual action to click the tag does not.

[It's Damn Real!]

Will there be an update for 4.1.11?

[It's Damn Real!]

Marked as uninstalled until a 4.1.11 version is available.

[It's Damn Real!]

All the other spoiler tags here are so ugly. Is this ever going to be updated to support 4.1.X?

[IggyP]

im wondering which one of these spoiler tag ads is best for vb5? hmm

[Lemrith]

this doesb't even work in vb4.2.x right now without heavly modifying the code, so... :)

[broncoshq]

Is there a replacement to using YUI? We have removed the use from our forum.