[2.0.15] MouseOver Spoiler MOD

[MOD Robot]

MOD Name: MouseOver Spoiler MOD
Author: Gigs
MOD Description: Adds a spoiler BBcode, which "reveals" the hidden text OnMouseover. Uses tables for readability.


MOD Version: 1.0.0

Download File: mouseover_spoiler_bbcode.mod
mods overview page: View
File Size: 6331 Bytes

Security Score: 0

[ycl6]

MOD Validated/Released

Notes:
With this MOD, text wrapped inside the Spoiler BBcode will be hidden inside the black background and will be revealed when mouseover.

One thing to note: If text were already wrapped within other bbcodes (e.g. color, code, quote, URL, ect), the mouseover effect is broken.

[Rocket Baby Dolls]

the download isnt working

[AaronOwnsYou]

the download isnt working

You mean you have problem installation?
So do I!

Code: Select all

Critical Error

FIND FAILED: In file [includes/bbcode.php] could not find:

$EMBB_widths = array(''
$EMBB_values = array(''

MOD script line #47 :: FAQ :: Report

[MHobbit]

You need the Multiple BBCodes MOD by Nuttzy installed before installing this MOD.

[AaronOwnsYou]

You need the Multiple BBCodes MOD by Nuttzy installed before installing this MOD.

Oh, I see.
Is the "Multiple BBCodes" compatible with phpBB 2.0.15?

[ycl6]

Oh, I see.
Is the "Multiple BBCodes" compatible with phpBB 2.0.15?

Yes, it is.

~Mac

[AaronOwnsYou]

Oh, I see.
Is the "Multiple BBCodes" compatible with phpBB 2.0.15?

Yes, it is.

~Mac

Is it validated yet?

[Rocket Baby Dolls]

You need the Multiple BBCodes MOD by Nuttzy installed before installing this MOD.

Where do i get it?

[ycl6]

You can easily find it using the search function

http://www.phpbb.com/phpBB/viewtopic.php?t=145513

~Mac

[Rocket Baby Dolls]

You can easily find it using the search function

http://www.phpbb.com/phpBB/viewtopic.php?t=145513

~Mac

Thankyou. I did use the search engine but it brought up about 300 different threads

[Neo_Bahamut]

For some reason, I can't get it to work with the SubMerged theme.
Easymod couldn't modify bbcode.tpl correctly, so I'm doing it manually, but it just won't work. I did get it to work with VereorLCARS, though. (bbcode.tpl modified manually)
MOD code:

Code: Select all

#-----[ FIND ]------------------------------------------
#
<!-- BEGIN b_open --><span style="font-weight: bold"><!-- END b_open -->
<!-- BEGIN b_close --></span><!-- END b_close -->

#
#-----[ BEFORE, ADD ]------------------------------------------
#
<!-- BEGIN spoiler_open --><b>Spoiler:</b> <table><tr><td bgcolor=black style="padding: 10px; background-color: black; font-color: black; font-face=arial, sans-serif; font-size: .8em;" onMouseOver='javascript:this.style.color="white";' onMouseOut='javascript:this.style.color="black";'><!-- END spoiler_open -->
<!-- BEGIN spoiler_close --></td></tr></table><!-- END spoiler_close -->

I think it's because of this in the SubMerged code:

Code: Select all

<!-- BEGIN b_open --><span style='font-weight: bold'><!-- END b_open -->
<!-- BEGIN b_close --></span><!-- END b_close -->

It uses single quotes instead of double quotes throughout the code.

The file is here if you want to look at it in its entirety:
bbcode.tpl

[Rocket Baby Dolls]

For some reason the spoiler code shows on the thread. The only way to make it disappear is to move the mouse onto it and back off it. Is there any way to have it invisible from the start? Also maybe a 'quote' box surrounding it to let people know a spoiler is occupying it?

[BigRed01]

Demo?

[King Moonraiser]

I had the same problem with the spoiler text not being black until you mouseover and then off.

I didn't care for the table, so I replaced the code with a simple span tag.

Before:

Code: Select all

<!-- BEGIN spoiler_open --><b>Spoiler:</b> <table><tr><td bgcolor=black style="padding: 10px; background-color: black; font-color: black; font-face=arial, sans-serif; font-size: .8em;" onMouseOver='javascript:this.style.color="white";' onMouseOut='javascript:this.style.color="black";'><!-- END spoiler_open -->
<!-- BEGIN spoiler_close --></td></tr></table><!-- END spoiler_close -->

After:

Code: Select all

<!-- BEGIN spoiler_open --><SPAN style="background-color:#000000;color:#000000" onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color=this.style.backgroundColor='#000000'"><!-- END spoiler_open -->
<!-- BEGIN spoiler_close --></span><!-- END spoiler_close -->

This seems to work fine. Change the #000000 to a different color, like #808080, if your background is dark (e.g., subBlack).