New Posting Features - bbSpoiler

Keywords: bbcode, hidden, spoiler

Description:
A simple but effective [spoiler] bbcode. All the ones I've seen so far fall short for some minor reason or another - so I've created my own

Features:

• Hides/Unhides with cross browser javascript (tested with latest IE and Firefox)
• No template edits or file edits required.
• Uses the colors of the current style.
• Spoiler text does not show in thread preview.

Install

• Download the bbSpoiler_1.0.zip file.
• Follow instructions in install.txt

[AAN]

I have this installed.

It works great except it's not exactly what I want.

How do I make it so that what appears on the spoiler tab is the same as the "option" that I type into the box?

Right now the spoiler tab says "Click to show" and is very very long.
What I'm wanting is for it to be shorter and have it be what I type as the "option" when I'm setting up the spoiler.

Does this exist some place else?

[Floob]

Originally Posted by Tact7626

installed on 3.6.5. works great. just having trouble customizing it's look. like i changed the 100% widths to 80% and it doens't respond correctly. the inside div response correctly but not the outside div. it still takes up 100% of the table width. i could specify exact size but...whatever. it's all aesthetics.

great spoiler. thanks.




edit: ok i figured it out. i noticed you placed the width of the outside div inside quotes OUTSIDE the style thingy. div width="whatever"

while on the inside div it's set properly inside the style (style=width:whatever%; )

so i put it in the right place and now it works perfectly and actually adheres to my sizes. thanks again. ^^

Can you expand on that - how/where do you change the width of the spoiler info?

[hambil]

Ownership of this hack is being transfered to Dismounted. Thank you for everyone who used, enjoyed, and made suggestions for this hack.

[Tact7626]

Originally Posted by Floob

Can you expand on that - how/where do you change the width of the spoiler info?

there's a part where the guy put <div width="100%" >

and it doesn't work well. instead, you should use <div style="width:100%;">.

he used the second method on the second div, but the first method on the other div. and that's why i was having trouble setting my own sizes to it. after i realized this, i changed the "incorrect" one and it works.

[Floob]

Nice thanks.

I use this now

<div style="width:20%;" class="alt1" onclick="spoiler(this);" style="border-collapse: collapse; border: solid thin black;">

<div id="idTitle" class="alt2" style="border-collapse: collapse; border: solid thin black; width: 100%;">&nbsp;<b>Click to show spoiler</b></div>

<div id="idSpoiler" style="display: none;">The butler did it!</div></div>

[Dismounted]

Originally Posted by hambil

Ownership of this hack is being transfered to Dismounted. Thank you for everyone who used, enjoyed, and made suggestions for this hack.

Thanks, I'll be making a new thread soon .

[gutterboy]

OK.. I installed this I wanted to change the text "click to show" slightly. My new updated text only shows if I click on it first to show it & then click again to hide it; but if I refresh the page it won't show my custom text anymore.

I made the changes in the code that has the hook "showthread_complete" as that was the only place I could find that text; I even searched the templates for it &...... nothing.

Any help here?

Thanks!

[GuaRRand]

can you make it so that the cursor becomes an arrow instead of the default line ... it would give it a more "clickable" feeling to it.

And it doesnt show up on the quickreply or edit windows, in the menubar i mean.
I see the button in a normal new post, but not in the quickreply or edit windows...

thanks

[GuaRRand]

*bump*

[gutterboy]

Could we please get an update here?

Thx!