BB Code Enhancements - [BB Code] Spoiler Tag

PLEASE CLICK ON INSTALL , IF YOU ARE INSTALLING IT , TO RECEIVE MORE UPDATES ON THIS.

This is is Without option code , with option , check posts below

As Many People PMed Me about to upgrade my Spoiler Tag code to vb4 , so I added this ,
The tag is:

[spoiler]Text you want to hide[/spoiler].

Now a guide to add it:


1. Upload the files of the attachment.
2. Log in at Admin Panel
3. Go to Style manager > All Style Options > Edit Models > headinclude.
4. Find:

<script type="text/javascript" src="{vb:stylevar  yuipath}/connection/connection-min.js?v={vb:raw  vboptions.simpleversion}"></script>

After this, add:

<script type="text/javascript" src="clientscript/spoiler.js"></script>

5. Go to the BBCode option and then select to Add a new one.
6. Enter the data:

--- Title: Spoiler
--- Tag Name: spoiler
--- Replacement:

<blockquote class="postcontent restore ">
<div class="bbcode_container">
<div class="bbcode_quote">
<div class="quote_container">
<div class="bbcode_quote_container"></div>
<div class="bbcode_postedby">
<div style="margin: 5px 20px 20px;">
<div class="alt2" style="text-align: right; margin: 0px; padding: 6px;"> 
    <span style="float: left; padding-top: 2px;">	<img src="images/icons/icon-spoiler.png" alt="Spoiler" />
<b>Spoiler: </b></span>
	<input value="Mostrar" style="margin: 0px; padding: 0px; width: 80px; font-size: 10px;" 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 = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Mostrar';}" type="button">
</div>

<div style="padding-top: 4px;"> 
	<div class="alt2" style="display:none; margin: 0px; padding: 6px;"> 
		{param}
	</div>
</div>
</div>
</div>
</div>
</div>
</div>
</blockquote>

--- Example: [spoiler=Example]This is a spoiler tag![/spoiler]

--- Description: Tag to hide spoilers.
--- Use Option? NO
--- Bottom image: images/spoiler.gif
--- Remove Tag if Empty? Yes.
--- The other 3 options, set to No.

7 - Click to add and you are done!

It should look like this:



Note : - I have added this as a free source , you are free to edit it and help yourself , but add your modification in here aswel , so that you will help others ,
Users please browse through more posts to see more modification of this mod , please Click Install and Rate the Mod

[paramegsoft]

thanks

i will test it

[Kaosvf]

Thx

[Dr.osamA]

thanxx
good BBcode

installd+ 5 stars

for arabic users:

هذا الكود بعد تعديله لللعربية و مقتبس من الرد رقم 10

PHP Code:

<blockquote class="postcontent restore ">
<div class="bbcode_container">
<div class="bbcode_quote">
<div class="quote_container">
<div class="bbcode_quote_container"></div>
<div class="bbcode_postedby">
<div style="margin: 5px 20px 20px;">
<div class="alt2" style="text-align: left; margin: 0px; padding: 6px;"> 
    <span style="float: right; padding-top: 2px;">    <img src="images/icons/icon-spoiler.png" alt="Spoiler" />
<b>&#1575;لمفسد: </b></span>
    <input value="عرض المحتوى" style="margin: 0px; padding: 0px; width: 80px; font-size: 10px;" 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 = 'اخفاء'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'عرض المحتوى';}" type="button">
</div>

<div style="padding-top: 4px;"> 
    <div class="alt2" style="display:none; margin: 0px; padding: 6px;"> 
        {param}
    </div>
</div>
</div>
</div>
</div>
</div>
</div>
</blockquote> 


[Dave-M]

Hi,

This looks interesting, is it possible to change the name from "spoiler" to something else so that it can be used in other ways.

For example, in a sig, so it might say:

 [Team]me, him, you, them, etc [/team]

Would it just be a case of editing the phrases?

I hope that makes sense

Thanks.

[ndut]

Nice

[Michlerish]

This didn't work for me. I'm getting a broken image, and nothing to highlight or click... I'm fairly certain I did everything right.

Anyone else have this problem?

[grunty1]

Installed and works great, nice guide!

[robbiefritz]

Now a guide to add it:


1. Upload the files of the attachment.
2. Log in at Admin Panel
3. Go to Style manager > All Style Options > Edit Models > headinclude.
4. Find:

OK I don't see an option to edit modules. Do you mean templates? I did a search in the headinclude template but it returned "not found'. Any suggestions?

Running 4.03 PL1 if that matters.

Found the problem:

<script type="text/javascript" src="{vb:stylevar yuipath}/connection/connection-min.js?v={vb:raw vboptions.simpleversion}"></script>

There were spaces in there that caused the search to not find the line.

[robbiefritz]

Originally Posted by Mukashi

Getting a few errors with this on my test board

If the spoiler is in the format
[spoiler=Example]This is a spoiler tag![/spoiler]
it just shows up as text

If it's in the format
[spoiler]This is a spoiler tag![/spoiler]
it displays fine, but if there are multiple spoilers in the post and you click to open any of them, they only open the first one. Also, if you click the image in the spoiler thing, it opens a new page displaying just that image, rather than opening the spoiler.

NOT fixed sir! Get the exact same problems.

Uninstalled it for now. This one seems to work better although I like the look of yours better. We typically use more than one per post so this problem prevents me from using it. Will check back when fixed.

[Wallace40]

HI - uhm - okay - have to say I have no knowledge of anything - when I say that I mean I didnt even upload and install the forum I am now running someone else did who disappeared and I have been left to it - I have installed just 2 plug ins and one product in my life and they were like full time jobs trying to get done - I read installation instructions on some of these mods etc and there is always something I get stuck on or makes no sense to me or sounds to complicated to try & when I do they make me want to turn to drink....

I have now tried to install a spoiler tag on my forum no less than 11 times, something goes wrong that I dont understand or its really horrible looking or didnt work on everything on forum AND didnt have the icon etc which appears in the advanced posting option things (whatever thats called??! editor? see thats how bad I am!! lol) I had lost faith completely..........

BUT - this installed absolutely perfectly - it was really easy to install and use, works on everything & I have had no problems at all - and for me that really is RARE as I consider typing on a computer not a typewriter as a big challenge!! lol (yep, I'm oldish!) - and not just that it is easy to adapt and looks REALLY professional/good on my forum - I am so happy - this might sound mad for something as simple sounding as a BB code for spoilers but I have to say its been the hardest thing to find for me - and even the girl that started and designed the site told me she couldnt find a good one that worked well for us before she disappeared somewhere in Moscow..............(lol).

You would not believe how many bad BB codes for spoilers I tried - either because they werent good on 4.0 Vb or the instructions etc made life impossible for a novice like me or whatever. I thought a spoiler BB code was a pretty essential thing & couldnt believe it wasnt standard on vbulletins - I cant believe how long it took to find a really good one that someone like me could install..............and did everything I wanted and looked good complete with icons/images etc.. so A BIG BIG BIG THANK YOU!

I am so grateful to you for your time making an EASY to install good looking essential add on.....