BB Code Enhancements - Spoiler BB Code with Show/Hide Button

Due to this I have decided to leave the vBulletin community and no longer wish to have my work associated with it.

Apologies to those who use this work.

[Skyrider]

Originally Posted by pab

For some reason the only thing that shows up when I click on the show button is Hide text (the phrase in the div part).

What am I doing wrong?

Same for me, and I'm using 3.7.1

[agitated]

find:

<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"> <div style="display: none;"> Hide Text </div> </div> </div>

replace with:

<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;"> <div style="display: none;">{param}</div> </div> </div>

or replace Hide Text with {param}

HTH

[Zacarias]

Works like a charm with agitated's edit.

[agitated]

Originally Posted by Karri

Um.... Did you "decided to make [your] own" or did you lift this bb code off my forum (which happens to be well established and the same subject as yours) and pass it off as your own work? The code you posted is identical to the BB Code on my site.

It would appear as if that may be true Karri.
Certainly is one reason why {param} is missing as it would not show on the page source.

[students_forum]

this won't work for firefox 3, am I the only to realise?

[Seshat Diva]

Easy to follow, successfully installed.

My members will enjoy having this feature.

Thanks so much for creating easy to follow steps!

[Vaupell]

tx for the fix,, the param at the end needs to be closed to work missing a } at the end of param. else works fine,

marked installed

[VargTimmen]

This is the fixed replacement code:

<div style="margin:20px; margin-top:5px"> <div class="smallfont" style="margin-bottom:2px"> <u>Spoiler</u>: <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>

[giankar]

Can I hide spoiler content from being viewed by visitors?

[JαρŘα?σoζ]

Nice modification...
Anyway, how about if I want to add a custom header?

The code:

[spoiler="Test"]1 2 3[/spoiler]

The result:

Spoiler for Test:
<--The Text-->

Can anyone help me with this? Thanks...