Topic: Spoiler Tag Test

[Ken (OP)]

Spoiler Tag Test:

[spoiler]Spoiler Tag Test[/spoiler]

[Ken (OP)]

[spoiler]Looks to be working correctly.  [/spoiler]

[Skhilled]

Not for me. I do not see the hidden portion of your posts. There is supposed to be a link similar to the "[copy]" tag when people add code a post...don't see it. I only see this:
EDIT: Steve, I fixed your post with code tags so that it would show what you were seeing.

Spoiler Tag Test:

Code: [Select]

[spoiler]Spoiler Tag Test[/spoiler]
[/quote]

Code: [Select]

[spoiler]Looks to be working correctly.  :bigthumb:[/spoiler]

[Ken (OP)]

Thanks for catching that Steve.

In the package manager it appears as being installed, but it's not working of course... later today I'll go through all of the file edits to see if I can find and fix the missing or corrupted code.

[Ken (OP)]

Fixed it. 

The edits for the Sources/Subs.php file were missing.

[spoiler]

Code: [Select]

    <file name="$sourcedir/Subs.php">
        <operation>
            <search position="after"><![CDATA[

// The current time with offset.
function forum_time($use_user_offset = true, $timestamp = null)
{
]]></search>
            <add><![CDATA[
// Spoiler choosing function
function build_spoiler($position, $topic = '')
{
    global $txt, $settings, $context, $modSettings;

    // Optional topic if given
    if($topic != '')
        $topic = ': '.$topic;
   
    //Use global style if the theme-specific isn't set or is set to "follow global" (aka 0)
    $spoilerTagStyle = isset($settings['spoiler_style']) ? $settings['spoiler_style'] : 0;
    if($spoilerTagStyle == 0)
    {
        //Use "hover" if the global style isn't explicitly set
        $spoilerTagStyle = isset($modSettings['defaultSpoilerStyle']) ? $modSettings['defaultSpoilerStyle'] : 1;
    }

    /*
    Styles:
    3: button
    2: link
    1: hover (default)
    */
    $retval = '';

    switch($position)
    {
        case 'before':
            switch($spoilerTagStyle)
            {
                case 3:
                    $retval = (
                        '<div class="spoiler"><div class="spoilerheader">'.
                        '<input type="button" class="spoilerbutton" value="'.$txt['spoiler_tag_text'].$topic.'" '.
                        'onclick="n = this.parentNode.parentNode.lastChild;if(n.style.display == \'none\') {n.style.display = \'block\';} else {n.style.display = \'none\';} return false;"/> '.
                        $txt['spoiler_tag_click_info'].'</div><div class="spoilerbody" style="display: none">'
                    );
                break;

                case 2:
                    $retval = (
                        '<div class="spoiler"><div class="spoilerheader">'.
                        '<a href="javascript:void(0)" '.
                        'onclick="n = this.parentNode.parentNode.lastChild; if(n.style.display == \'none\') { n.style.display = \'block\'; } else {    n.style.display = \'none\';    } return false;">'.$txt['spoiler_tag_text'].$topic.'</a> '.
                        $txt['spoiler_tag_click_info'].'</div><div class="spoilerbody" style="display: none">'
                    );
                break;

                case 1:
                default:
                    $retval = (
                        '<fieldset class="spoiler" '.
                        'onmouseover="this.lastChild.style.display = \'block\';" onmouseout="this.lastChild.style.display=\'none\'">'.
                        '<legend><b>'.$txt['spoiler_tag_text'].$topic.'</b> <small>'.$txt['spoiler_tag_hover_info'].'</small>'.
                        '</legend><div class="spoilerbody" style="display: none">'
                    );
            }
        break;

        case 'after':
            switch($spoilerTagStyle)
            {
                case 3:
                case 2:
                    $retval = (
                        '</div></div>'
                    );
                break;

                case 1:
                default:
                    $retval = (
                        '</div></fieldset>'
                    );
                   
            }
            break;
    }
    return $retval;
}
]]></add>
        </operation>
        <operation>
            <search position="before"><![CDATA[
            array(
                'tag' => 'sup',
                'before' => '<sup>',
                'after' => '</sup>',
            ),
]]></search>
        <add><![CDATA[
            array(
                'tag' => 'spoiler',
                'block_level' => true,
                'before' => build_spoiler('before'),
                'after' => build_spoiler('after'),
                'disabled_before' => '<div style="display: none;">',
                'disabled_after' => '</div>',
                ),
            array(
                'tag' => 'spoiler',
                'type' => 'unparsed_equals',
                'block_level' => true,
                'before' => build_spoiler('before', "$1"),
                'after' => build_spoiler('after'),
                'disabled_before' => '<div style="display: none;">',
                'disabled_after' => '</div>',
                ),
]]></add>
        </operation>
    </file>[/spoiler]

[Ken (OP)]

Ps: For anyone reading here... if you've not used the Spoiler tag before, it's this button in your posting editor...

When you click on the Spoiler Tag icon it will give you this BBC tag in your editor's text window:

Code: [Select]

[spoiler][/spoiler]

Code: [Select]

[spoiler]... then, whatever you enter between the tags will only show when someone hovers over the Spoiler, as seen below.  :innocent:[/spoiler]
[spoiler]... then, whatever you enter between the tags will only show when someone hovers over the Spoiler, as seen below.  :innocent:[/spoiler]


This works great for hiding the punch line for your jokes. Remember that you can place anything there between the Spoiler tags, just like you would in a regular post, like pictures for an example.

[spoiler]Enjoy!  :08:
[/spoiler]