vb.org Archive
Page 1 of 3 1 23
Show 40 post(s) from this thread on one page

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 - BBCode - Custom Spoiler (https://vborg.vbsupport.ru/showthread.php?t=255821)

orange gold 12-23-2010 10:00 PM
BBCode - Custom Spoiler
 
1 Attachment(s)
*Update released! In the new code the button will automatically adjust it's width to tightly fit all the text in the title.. You don't have to worry about keeping your title small anymore! enjoy!

If you like this you may also like the image preview spoiler for large images

I have seen spoiler code before but I am not sure if there is any spoiler code 4.0 for a custom spoiler where you can enter the text that appear on the button (ex. Click to view hidden message) and also show what is on the inside...

Here is my code I made:
** There is a known glitch where in the button title if you put the following symbol in the name ' then it will not work... If anyone can fix this please let me know because I have tried.. Other than that, the code works fine!

Enjoy! (Screenshots below)

Title:
Code:
Spoiler
BBCode Tag Name:
Code:
spoiler
Replacement:
Code:
<div>
    <div class="pre-spoiler">
    <input type="button" value="  {option}  " style="font-size:14px;margin:0px;padding:0px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = '{option}';}">
    </div>
    <div>
        <div class="spoiler" style="display: none;"><div style="border: 1px solid ;">{param}</div></div>
    </div>
</div>
Example:
Code:
[spoiler=enter your title here]enter your text here[/spoiler]
Description:
Code:
Shows and hides text with the click of a button.
(Glitch: In the button title... do not use this symbol ' )
Use Option:
Code:
Yes.
Leave everything else default... Let me know what you think.. :)

Blooded 12-24-2010 06:59 PM
I was looking for this thanks

orange gold 12-24-2010 09:33 PM
Glad you like it!!

Antidepresiv 12-25-2010 09:43 PM
Thanks dude! Is it possible to display a custom button for this spoiler, for example, a button with width 150 height 15px ?

orange gold 12-25-2010 10:57 PM
Yes! (: in the replacement code you will see something like 450px etc. Replace that with 150px. Sory I'm on my phone now. I can also make it auto re-size when I get home... Good luck until then (:

Antidepresiv 12-25-2010 11:07 PM
Y i get that, but i meant a custom blank button, so when you click on it, the spoiler text shows.. thanks for you'r reply.. :)

orange gold 12-25-2010 11:37 PM
I do not understand.. Do you mean just a plain button with no text that is that size?

Antidepresiv 12-26-2010 12:31 AM
Y, and when you enter the spoiler title, it shows on that button.. Don't get me wrong, this is rly cute, but i want to add a custom blank button for the spoiler, cuz i have a custom design.. And thank you again :)

orange gold 12-26-2010 12:42 AM
Where it says:

value="{option}"

Change the text {option} to the custom title you want shown, instead of the one the user enters..

Then later on there is a value that says..

Use {option}? Check no...

Save..

Does this work?

Antidepresiv 12-26-2010 01:07 AM
Dude, sty, but you have miss understod me, i would just like to make a custom button for the spoiler, users can write their own title, but i would make the button, it would be an image, so when they click on that image, the spoiler shows.. Hope i explained it.. And thank you again for you'r help..

Best Regards,
Anti


All times are GMT. The time now is 03:15 PM.
Page 1 of 3 1 23
Show 40 post(s) from this thread on one page

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.01186 seconds
  • Memory Usage 1,738KB
  • 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
  • (6)bbcode_code_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)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
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete