vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Add-ons (https://vborg.vbsupport.ru/forumdisplay.php?f=245)
-   -   BB Code Enhancements - Spoiler BBCode (auto-created and configurable) (https://vborg.vbsupport.ru/showthread.php?t=320557)

MarkFL 10-18-2015 09:00 PM

Spoiler BBCode (auto-created and configurable)
 
1 Attachment(s)
Overview:

This add-on, upon installation, auto-creates a new custom spoiler BBCode defining the tags (where the text to be hidden is placed between the tags).

You may set the color of the button, the color of the text on the button, and the border radii of both the button and the element containing the hidden text below the button. The button is animated, in that when it is clicked, it moves down and to the right to give the illusion of being depressed when clicked.

When the text is hidden, the button says "Show" and a tooltip advises the user that clicking it will "Reveal Contents" and when the text is shown, then button then says "Hide" and the tooltip advises the user that clicking it will "Conceal Contents."

If the product is uninstalled, then the BBCode is removed from the database.

Updates:

Version 1.1:
  • Changed BBCode options to allow smilies in the spoiler.
  • Added needed scripts where CSS is loaded.

Version 1.2:

Version 1.3:
  • Template now cached.

Version 1.4:

Version 1.5:
  • Added option to mask spoiler content in threadbit previews (forumdisplay and search).

Compatibility:

Tested and working on VB 4.2.x and should work on all 4.x versions of vBulletin.

Backup/Warning:

This product alters your database, however it is always good practice to keep regular backups and you should backup before installing ANY new mod.

As always products are USE AT YOUR OWN RISK. I will try to help if I can but no guarantee is offered or implied.

To Install:
  1. Download and extract the attached .zip file.
  2. Upload the contents of the "upload" folder to your forum's root directory.
  3. In AdminCP go to Plugins & Products -> Manage Products -> Add/Import Product.
  4. Click on "Choose File" and browse to the product .xml file that was packaged in the .zip file.
  5. Click "Import"
  6. You MUST set your settings to enable the mod. Each setting has an explanation of its use.

Support for this product can be found here:

MarkFL 11-17-2015 05:05 PM

Update: version 1.1
  • Changed BBCode options to allow smilies in the spoiler.
  • Added needed scripts where CSS is loaded.

MarkFL 12-04-2015 03:58 AM

Update: version 1.2

MarkFL 03-17-2016 05:10 PM

Update: version 1.3
  • Template now cached.

rakhwanna 04-21-2016 01:58 PM

Can you make it unclickable until user click thanks from this mod https://vborg.vbsupport.ru/showthread.php?t=231666

and i think it will awesome if added in quick reply too
Thanks

MarkFL 04-21-2016 02:25 PM

Quote:

Originally Posted by rakhwanna (Post 2569361)
Can you make it unclickable until user click thanks from this mod https://vborg.vbsupport.ru/showthread.php?t=231666

Sorry, but the effort required and added complexity would far outweigh the utility of such a feature, especially given how many post thanks systems would have to be supported.

Quote:

Originally Posted by rakhwanna (Post 2569361)
and i think it will awesome if added in quick reply too
Thanks

It (the parsed BBCode) actually does show up when you post a quick reply...are you asking about adding the toolbar button to the quick editor? If so, please see my product here:

Quick Editor Buttons

With that, you can customize the quick editor's toolbar. :)

rakhwanna 04-21-2016 02:44 PM

Quote:

Originally Posted by MarkFL (Post 2569362)
Sorry, but the effort required and added complexity would far outweigh the utility of such a feature, especially given how many post thanks systems would have to be supported.



It (the parsed BBCode) actually does show up when you post a quick reply...are you asking about adding the toolbar button to the quick editor? If so, please see my product here:

Quick Editor Buttons

With that, you can customize the quick editor's toolbar. :)

I was Installed but the SP button not show up
(Edited ... I am not set the option, sorry Case Solved )
Ok, Thank you Mark.. :up:

NoMatt3r 06-27-2016 03:34 PM

Works like a charme!

exportforce 07-08-2016 06:39 AM

How can I edit the "SP" to "spoiler" ?

MarkFL 07-08-2016 09:57 AM

Quote:

Originally Posted by exportforce (Post 2572992)
How can I edit the "SP" to "spoiler" ?

You can change the "BB Code Tag Name" in the "BB Code Manager." :)

Outlaw Mantis 08-21-2016 12:22 PM

Does this code support a title option? When I had a MyBB forum before I transferred, there was a great spoiler code that allowed [spoiler=Spoilers about Half-Life 3]It will never happen[/spoiler] for example. Then the title option text would appear next to the reveal button and be easy to see.

It made it really handy for seeing what the spoiler is, but with the current spoiler code I'm using (not yours, though yours looks better already) you have no clue about that unless the person types that outside of the code. Which is only a small inconvenience but the option was great on MyBB. Plus, a lot of the old posts before the transfer have broken spoiler code because my current spoiler code doesn't have the option.

MarkFL 08-21-2016 12:40 PM

What you can do is once you install this product, you can edit the BB Code whereby the "Replacement" is:

HTML Code:

<div class="spoiler_wrapper"><div class="spoiler_button_wrapper"><input type="button" value="Show" class="spoiler_button" title="Reveal Contents" onclick="var el = this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0];if(el.style.visibility == 'hidden')
{el.style.visibility = 'visible'; el.style.maxHeight = 'none'; this.value = 'Hide'; this.title='Conceal Contents';} else {el.style.visibility = 'hidden'; el.style.maxHeight = '0'; this.value='Show'; this.title='Reveal Contents'}"
>
<span style="margin-left: 1em">{option}</span></div><div class="spoiler_text"><div name="spoiler" style="visibility: hidden; overflow: hidden; max-height: 0">{param}</div></div></div>

And set "Use {option}" to "Yes" and save the BB Code.

Outlaw Mantis 08-21-2016 01:48 PM

Thank you, but it isn't working. It just displays [spoiler]what is in-between[/spoiler]. And yes, I replaced the replacement, enabled {option} and updated it all to use "spoiler" instead of "sp". I changed the old code to "spoiler2" beforehand. See the screenshot. Where have I gone wrong?

https://vborg.vbsupport.ru/external/2016/08/5.jpg

Thanks.

MarkFL 08-21-2016 01:58 PM

Once you enable the option, then you need to enter in your post something like:

[spoiler=Title]Hidden text.[/spoiler]

Outlaw Mantis 08-21-2016 02:11 PM

Is it not possible to have it work with both [spoiler] and [spoiler=text]? If I defined both codes—your suggested update and the original—but both using the "spoiler" as the code name, would this break it? There are hundreds of posts on the board where people have just written [spoiler] alone.

MarkFL 08-21-2016 02:46 PM

Yes, you can define one to use the option and one not to use the option, with both having the same tag name. :)

MarkFL 01-06-2017 02:07 PM

Update - Version 1.4:

MarkFL 02-20-2017 04:33 AM

Update - Version 1.5:
  • Added option to mask spoiler content in threadbit previews (forumdisplay and search).


All times are GMT. The time now is 06:18 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01309 seconds
  • Memory Usage 1,765KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_html_printable
  • (4)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (18)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete