vb.org Archive - Help with BBCODE Spoiler

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=252)

- - Help with BBCODE Spoiler (https://vborg.vbsupport.ru/showthread.php?t=316576)

odarriba

01-11-2015 12:34 PM

Help with BBCODE Spoiler

Hello.

I would like to create this effect.

When someone clicks on the white part of the text is displayed in black.

https://vborg.vbsupport.ru/external/2015/01/4.gif

Sorry for my english.

ozzy47

01-11-2015 12:41 PM

Do a search for spoiler, there is a bunch of spoiler mods available.

odarriba

01-11-2015 01:49 PM

I assure you that I have seen almost every mod there but in particular I wish it were so.

If you can not ... thanks anyway.

MarkFL

01-12-2015 02:01 PM

Try this in the "Replacement" field of your custom BBCode:

HTML Code:

<div style="padding-left: 10px">

        <b>Spoiler: </b><span style="color: #A0A0A0">[ pulsa para ver ]</span>

        <div style="border-radius: 6px 0px 0px 6px; border: 1px inset black; margin-right: 40%; margin-top: 5px" >

                <div style="cursor: pointer" title="Click to Reveal Contents" onclick="if (this.firstElementChild.style.visibility == 'hidden'){this.firstElementChild.style.visibility = 'visible'; this.title='Click to Hide Contents'} else {this.firstElementChild.style.visibility = 'hidden'; this.title='Click to Reveal Contents'}">

                        <div style="visibility: hidden; padding: 5px">

                                {param}

                        </div>

                </div>

        </div>

</div>

odarriba

01-13-2015 10:19 AM

Quote:

Originally Posted by MarkFL (Post 2532104)

Try this in the "Replacement" field of your custom BBCode:

HTML Code:

<div style="padding-left: 10px">

        <b>Spoiler: </b><span style="color: #A0A0A0">[ pulsa para ver ]</span>

        <div style="border-radius: 6px 0px 0px 6px; border: 1px inset black; margin-right: 40%; margin-top: 5px" >

                <div style="cursor: pointer" title="Click to Reveal Contents" onclick="if (this.firstElementChild.style.visibility == 'hidden'){this.firstElementChild.style.visibility = 'visible'; this.title='Click to Hide Contents'} else {this.firstElementChild.style.visibility = 'hidden'; this.title='Click to Reveal Contents'}">

                        <div style="visibility: hidden; padding: 5px">

                                {param}

                        </div>

                </div>

        </div>

</div>

Magnificent! Thanks for your help nobody knew how to do it or did not understand me.

Spoiler Forocoches... Yes! :D

All times are GMT. The time now is 02:31 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01393 seconds Memory Usage 1,727KB 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 (2)bbcode_html_printable (1)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (5)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
Messages: