Erase to Reveal Spoiler

Erase to Reveal Spoiler

Mod Version: 1.00, by orangegold

vB Version: 4.2.0	Rating: (3 votes - 4.33 average)	Installs: 9
Released: 24 Jul 2012	Last Update: Never	Downloads: 45
Not Supported

Please mark as installed if you use this!

This code creates a spoiler in which the user has to click and drag over the spoiled (hidden) text you reveal it, simulating an eraser effect... This should stimulate user interactivity in your forum and make members feel more enticed to view spoiled text! Click the smiley face for a live demo ---> http://trollpractice.com/showthread.php?12-Eraser-Spoiler-BBCode&p=24#post24

How to install:

Upload the contents of the zip folder attached below to "/images" directory (*Make sure it's http://www.mysite.com/images ... NOT http://www.mysite.com/forums/images or anything else like that)

There are two files, one for people who need the spoiler to have black text (they have light backgrounds for their forums skin/theme) and one for people who need the spoiler to have white text (like in the demo above because I have a dark background for my forums skin/theme)

Now log-in to your AdminCP --> Custom BBCodes --> BBCode Manager --> Add New BBCode

Title: "Eraser Spoiler"

BBCode Tag Name: "espoil"

Replacement (Use this one if you want your spoiler to have white text):

Code:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase=""http://macromedia.com/cabs/swflash.cab#version=6,0,0,0""
 WIDTH="550" HEIGHT="200" id="flaMovie1" ALIGN="CENTER">
 <PARAM NAME=movie VALUE="/images/EraserSpoiler_WhiteText.swf">
 <PARAM NAME=FlashVars VALUE="metavar={param}">
 <PARAM NAME=quality VALUE=high>
 <PARAM NAME=bgcolor VALUE=#FFFFFF>
 <PARAM NAME="wmode" value="transparent"> 
 <embed src="/images/EraserSpoiler_WhiteText.swf" FlashVars="metavar={param}"
  quality="high" bgcolor="#FFFFFF" WIDTH="550" HEIGHT="200"
  NAME="flaMovie1" ALIGN TYPE="application/x-shockwave-flash"
  PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" wmode="transparent">
</OBJECT>

Replacement (Use this one if you want your spoiler to have black text):

Code:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase=""http://macromedia.com/cabs/swflash.cab#version=6,0,0,0""
 WIDTH="550" HEIGHT="200" id="flaMovie1" ALIGN="CENTER">
 <PARAM NAME=movie VALUE="/images/EraserSpoiler_BlackText.swf">
 <PARAM NAME=FlashVars VALUE="metavar={param}">
 <PARAM NAME=quality VALUE=high>
 <PARAM NAME=bgcolor VALUE=#FFFFFF>
 <PARAM NAME="wmode" value="transparent"> 
 <embed src="/images/EraserSpoiler_BlackText.swf" FlashVars="metavar={param}"
  quality="high" bgcolor="#FFFFFF" WIDTH="550" HEIGHT="200"
  NAME="flaMovie1" ALIGN TYPE="application/x-shockwave-flash"
  PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" wmode="transparent">
</OBJECT>

Example: "[espoil]hide your text in here and the user has to 'erase' the spoiler coverup in order to reveal your message![/espoil]"

Description: "Hide your text until a user "erases" the text's cover up and the text is revealed!"

Use Option: "no"

Remove Tag If Empty: "yes"

Disable BB Code Within This BB Code: "yes"

Disable Smilies Within This BB Code: "yes"

Disable Word Wrapping Within This BB Code: "no"

Disable Automatic Link Parsing Within This BB Code: "no"

Now hit save, When you click save you may get an error notification on the next page... just ignore it and hit continue, this has to do with the use of quotes in the code while communicating to flash and it will not affect your forum at all, don't worry! (Also this is a flash spoiler so it will run on flash supporting devices (aka not iPhones) enjoy!)

Download

Eraser Spoiler.zip (104.8 KB, 54 downloads)

vBulletin LTS