Spoiler search fix

Quite some forums have a [spoiler] tag to remove content until the user requests it. However, when searching the forum the content within the spoiler will be visible (when results are shown as posts).
This plugin will remove the content of the spoiler with the text " [[spoiler removed]]" (you can change the phrase through the phrase manager, id: spoilerfix_replacement)



And as extra, this is the replacement HTML I use for the spoiler tag on my forum:

<small><b>Spoiler:</b></small><br />
<div style="border: 1px dashed gray; padding: 1px;"><div><button type="button" class="button" onclick="this.parentNode.parentNode.childNodes[1].style.display = ''; this.parentNode.style.display = 'none';" title="Click to show the spoiler.">show spoiler</button></div><div id="spoiler" style="display: none;">{param}</div></div>

It will look like this:

Live demo of this spoiler tag

[El_Muerte]

Originally Posted by aciurczak

This is nice (and needed), but folks can still see the spoiler contents with the mouseover preview ( tooltips ). I don't want to disable those previews; is there any way to blank the content within the spoiler tag from being shown in those?

I checked it out and there is no way to fix the thread previews
There's no way to hook into the processing before the vbtags are removed.

[shovel]

I personally like the text link instead of the button link. Just do an <a> and use an onClick parameter to send info to the nodes.

[Kwikms]

Very nice. How about another button? After you clicked "show spoiler" you will see "hide spoiler" and you can hide it again ^^.

[fly]

Originally Posted by Kwikms

Very nice. How about another button? After you clicked "show spoiler" you will see "hide spoiler" and you can hide it again ^^.

This is what I use for that

<div style="margin:5px 20px 20px 20px">

<div class="smallfont" style="margin-bottom:2px"><b>Spoiler:</b> 

<input type="button" value="Show" style="width:45px;font-size:10px;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.innerText = ''; this.value = 'Show'; }">

</div>

<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">

<div style="display: none;">

{param}

</div>

</div>

</div>

[PET]

Ok,
i used SPOILER in my old forum. But now on 3.5.2 he dosn't want to work ? Any ideea ? I don't really understand what this hack do.

EDIT: Actualy, if I create a new spoiler he works. But old spoilers don't want to work. I just see the button, click it and...nothing.

[Fofer]

Originally Posted by flypaper

This is what I use for that

<div style="margin:5px 20px 20px 20px">

<div class="smallfont" style="margin-bottom:2px"><b>Spoiler:</b> 

<input type="button" value="Show" style="width:45px;font-size:10px;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.innerText = ''; this.value = 'Show'; }">

</div>

<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">

<div style="display: none;">

{param}

</div>

</div>

</div>

Okay, that is just WAY cool. It's clean and perfect and my users love it! Thanks.

I love how the button says "Show" when the text is hidden ... and "Hide" when the text is showing. However, this doesn't work on Safari (for Mac.) Any workaround?

[cclaerhout]

Thank you ! Great bbcode.

[Nigh7mar3]

No one have a cool button to insert spoiler code?

Thanks nice mod

[cerebro]

Thanks, works fine in explorer and firefox