Spoiler BBCODE

[Weed]

KK Thanks man (^ ^,)
Ill be in touch.
Now ima go and find
Show/Hide Video

EDIT: I have BBcode for youtube video or google video, and i use the code and i make it in spoiler.
so i can do show hide video in-forums.

Content Hidden!

This is SUPERB!! Thanks man.

[DragoonKain]

Okay, it's done. It's horribly code inefficient, it would be best to have these classes in a style sheet and such. Having multiple instances of these on a page is bad.

Anywho, the url('') under .spoilershow and .spoilerhide would need to be changed for whatever images you want to use. Also, the width and height specifications need to match that of the image that you want to use.

<style type="text/css">
.spoiler
{
	margin: 0px;
	padding: 0px;
	width: 23px;
	height: 20px;
	font-size: 10px;
	text-indent: -1000em;
	border: 0;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}
.spoilershow
{
	background: transparent url('http://www.ffnet.org/forum/firmament/statusicon/forum_new.gif') no-repeat center top;
}
.spoilerhide
{
	background: transparent url('http://www.ffnet.org/forum/firmament/statusicon/forum_old.gif') no-repeat center top;
}
</style>
<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"> 
<b>Content Hidden!</b> <input value="Show" class="spoiler spoilershow" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != 'inline') 
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.className='spoiler spoilershow'; } 
else 
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.className='spoiler spoilerhide'; }" type="button">
</div> 
<div class="alt2" style="border: 1px inset; padding: 6px;"> 
<div class="spoiler" style="display: none;">{param}</div> 
</div> 
</div>

See the post above to see it in use. Try [bspoiler] to try it out yourself.

[Weed]

So hmm dow i get this to work?
Do i need to make css style sheets?
Cuz i used ur code and it dint work.

Thanks,
Weed


[Edit]

i changed some of the code, thought I'd share it.

Content Hidden!

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Content Hidden!</b> <input value="Show" style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" onclick="if(this.parentNode.parentNode.getElements ByTagName('div')[1].getElementsByTagName('div')[0].style.display != 'inline')
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.value = 'Hide'; }
else
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value='Show'; }" type="button">
</div>
<div class="alt2" style="border: 0px inset; padding: 0px;">
<div class="spoiler" style="display: none;">{param}</div>
</div>
</div>

[/edit]

[DragoonKain]

You shouldn't need to change anything other than what I said to change. I'd have to see what you tried using.

[Weed]

the code i changed up here is cool. there is no borders, like the square around the text, it looks cool.

i just changed the image links, and it wudnt work.

i used your code, it dint work either.
do i need css style sheets?

[DragoonKain]

No, the style in my code is self contained. I would need to see your code in order to help with your problem, so that I could test it on my end. Please ensure that the url() for the image you're putting it in is correct, and is surrounded by single quotes or double quotes. Also, ensure that you are giving the correct (full) path. Try entering in the URL for the images in your browser and see if your browser properly locates the image.

-Kain

[Weed]

i used you gave me, and it dint work either.

[DragoonKain]

Strange, it works here but not there. Not sure what to tell ya. It should work though, all of the CSS is self-contained.

[Weed]

Ah, ill try and find a fix >.<