Spoiler Code

[General Veers]

Although I don't imagine so, would a spoiler code interfere with the site design? If not, I propose that we add spoiler codes.

<style type="text/css">
<!--
.spoilertitle { background-color: DADADA; color: 000000; font-weight: bold; font-size: 13px; }
.spoilerbody { font-size: 11px; color: 000000; background-color: F6F6F6; }
// -->
</style>

<script type="text/javascript">
<!--
/*
Spoiler tags by Todge
Copyright © 2005
Please keep this header intact
*/

var spoiler = 'SPOILER - click to reveal';
var newButton = 'URL OF BUTTON';
var spoilerBody;

// Add Spoiler button to post area...

var TD = document.getElementsByTagName('TD');

var spoilerButton = document.createElement('A');
spoilerButton.href = 'javascript:add("[spoiler]","[/spoiler]")';
spoilerButton.innerHTML = '<img src="'+newButton+'" alt="Spoiler" border="0"/>';

for(t=0; t<TD.length; t++)
{
if(TD[t].width == "30%" && TD[t].innerHTML.match(/Add Tags:/i))
{
TD[t+1].getElementsByTagName('font')[0].appendChild(spoilerButton);
break;
}
}

// Create spoiler table...

var spoiler1='<center><table class="bordercolor" align="center" border="0" cellpadding="0" cellspacing="1" width="500px">';
spoiler1+='<tr><td class="spoilertitle" align="center"><b>';
var spoiler2='</b><td><tr><tr style="display: none"><td class="spoilerbody"><table width="100%" cellpadding="2"><tr><td class="spoilerbody">';

// Find spoilers and insert table into posts...

var post = document.getElementsByTagName('TD');
for(t=0; t<post.length; t++)
{
if(post[t].align=='right'&&post[t].height=='20'&&post[t].vAlign=='bottom'&&post[t].width=='40%')
{
var posttxt=post[t+1].innerHTML;
posttxt=posttxt.split('[spoiler');
for(s=1; s<posttxt.length; s++)
{
spoilertxt = spoiler;
if(posttxt[s].split(']')[0].split('=').length>1)
{
spoilertxt = posttxt[s].split('=')[1].split(']')[0];
}
posttxt[s]=posttxt[s].split('[/spoiler]');
posttxt[s][0]=posttxt[s][0].split(']');
spoilerBody=posttxt[s][0][1];
if(posttxt[s][0].length>2)
{
for(sB=2; sB<posttxt[s][0].length; sB++)
{
spoilerBody+=']'+posttxt[s][0][sB];
}
}
posttxt[s][0]=posttxt[s][0].join(']');
posttxt[s][0]=spoiler1+spoilertxt+spoiler2+spoilerBody+'</td></tr></table></td></tr></table></center>';
posttxt[s]=posttxt[s].join(' ');
}
posttxt=posttxt.join(' ');
post[t+1].innerHTML=posttxt;
}
}

// Show spoiler when clicked on...

var spoil = document.getElementsByTagName('table');
for(s=0; s<spoil.length; s++)
{
if(spoil[s].getElementsByTagName('TD')[0].className=='spoilertitle')
{
spoil[s].onclick=function(){if(this.getElementsByTagName('TR')[2].style.display=='none'){this.getElementsByTagName('TR')[2].style.display='';}else{this.getElementsByTagName('TR')[2].style.display='none';}}
}
}

// -->
</script>

[xShadowLordx]

Sounds like a good idea. Let's do it.

[General Veers]

SPOILER: Click to show

Does it work?

SPOILER: Click to show

We will need the style of the spoilers modified to match the skin. I did simple color changes and font decreasing, but nothing else.

[xShadowLordx]

SPOILER: Click to show

YAY IT WORKS ;D

[Qwerty]

SPOILER: Click to show

It worked, but nice weird code thing.

[GGoodie]

oh nice... thats the same way the news fader looked at first

[Qwerty]

Header/Footer fail. I suppose time to remove it?

[GGoodie]

it would only need a few coding changes... wouldn't be too hard. I could even modify the ubbc a bit to fit it in.

[Qwerty]

Well, fixed now.

[GGoodie]

no its not

[Qwerty]

The Headers and Footers are, that and is what I was talking about.

[GGoodie]

oh, i thought you meant the part about the rest of it.