Spoiler BBcode tag - button please?

[betts4]

Originally Posted by steve614

Spoiler:

OMG! I never expected this to happen so soon.

Thanks for the timely addition.

Spoiler:

Just testing this

[betts4]

Originally Posted by betts4

Spoiler:

Just testing this

Very cool!

Thank you!!!

[Peter Redmer]

Spoiler:

Ok, the button in Quick Reply seems to be working. Can everyone test this out and let me know if it is working for you?

Pete

[steve614]

Spoiler:

Test underway

We'll see if it works.

Spoiler:

Peter's earning his paycheck today!

It works for me.

Spoiler:

Nice job!

[Peter Redmer]

Spoiler:

I earn my paychecks every day

[Einselen]

Interesting new way to view spoilers? Does this change the way spoilers are handled in the e-mail notifications (not that I care, just wondering)?

[Robin]

Peter, you rock! Thanks!

[sushikitten]

Today is a great day.

[sushikitten]

Spoiler:

Oops, and then I didn't even use the new function!

[BitbyBlit]

Thanks Peter. I like this much better than highlighting.

If adding a script block somewhere on the page is not a big deal, I think it would also be nice to have a button to show and hide all spoilers at once.

Here's a script block that will allow that to happen:

<script type="text/javascript">  
  function ShowSpoiler(spoiler)
  {
    spoiler.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
    
    var buttons = spoiler.getElementsByTagName('input');
    var showHideButton = buttons[0];
    var showHideAllButton = buttons[1];
        
    showHideButton.value = 'Hide';    
    showHideAllButton.value = 'Hide All';
  }

  function HideSpoiler(spoiler)
  {
    spoiler.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
    
    var buttons = spoiler.getElementsByTagName('input');
    var showHideButton = buttons[0];
    var showHideAllButton = buttons[1];
        
    showHideButton.value = 'Show';    
    showHideAllButton.value = 'Show All';    
  }

  function ToggleSpoiler(spoiler)
  {
    if (spoiler.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')
      ShowSpoiler(spoiler);
    else
      HideSpoiler(spoiler);
  }

  function DoForAllSpoilers(node, action)
  {    
    if (node.name == "spoiler")
    {
      action(node);
      return;
    }
    
    var childNodes = node.childNodes;
    var length = childNodes.length;
    
    for (var i = 0; i < length; ++i)
    {      
      DoForAllSpoilers(childNodes[i], action);
    }
  }

  function ToggleAllSpoilers(showHideAllButton)
  {
    if (showHideAllButton.value == 'Show All')
      DoForAllSpoilers(document.body, ShowSpoiler);
    else
      DoForAllSpoilers(document.body, HideSpoiler);    
  }
</script>

And then you just need to update the template for spoilers to have the following:

<div name="spoiler" style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px">Spoiler: <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="ToggleSpoiler(this.parentNode.parentNode)"></input> <input type="button" value="Show All" style="width:55px;font-size:10px;margin:0px;padding:0px;" onClick="ToggleAllSpoilers(this)"></div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
{Spoiler Text}
</div>
</div>
</div></div>

[DavidTigerFan]

Spoiler:

Wooo hoo!

[TIVO_GUY_HERE]

me likes....

[Test]

Very cool, now I can read spoilers from my iPhone

[alpacaboy]

Originally Posted by BitbyBlit

Thanks Peter. I like this much better than highlighting.

If adding a script block somewhere on the page is not a big deal, I think it would also be nice to have a button to show and hide all spoilers at once.

Here's a script block that will allow that to happen:

I'd love to see that as well. I'd go one farther and say I wish there was a user preference for spoiler display. That is a way to just say: Indicate what others consider a spoiler so I know what I need to spoilerize, but for me, just expand it so i don't have to hit any buttons, highlight, etc.

[Rob Helmerichs]

Originally Posted by alpacaboy

I'd love to see that as well. I'd go one farther and say I wish there was a user preference for spoiler display. That is a way to just say: Indicate what others consider a spoiler so I know what I need to spoilerize, but for me, just expand it so i don't have to hit any buttons, highlight, etc.

Better yet, write an artificial intelligence that will analyze the spoilers and break them down into categories..."next week" spoiler, casting spoilers, news about future episodes, etc. Then, we can select what kinds of things we want to remain tagged and which ones can just be out in the open.

That would be handy.

[ellinj]

Spoiler:

cool

[Sherminator]

Spoiler:

Can we have a quick spoiler tag button in the quick edit box also?

Thank you.

[Fofer]

Originally Posted by Sherminator

Can we have a quick spoiler tag button in the quick edit box also?

Thank you.

Not a bad idea... hopefully our window of opportunity hasn't closed, the Powers That Be remained interested in continued improvements!

Here's instructions for an admin to add buttons to the QuickEdit template:
http://www.vbulletin.org/forum/showthread.php?t=102282

It'd be much appreciated...

[Peter Redmer]

Originally Posted by Fofer

Not a bad idea... hopefully our window of opportunity hasn't closed, the Powers That Be remained interested in continued improvements!

Here's instructions for an admin to add buttons to the QuickEdit template:
http://www.vbulletin.org/forum/showthread.php?t=102282

It'd be much appreciated...

Done It seems to work for me. Let me know if you have any trouble.

[sushikitten]

This might be somewhat related...or not... but there is no quote button in the Quick Reply box and I thought there used to be. But it could be my bad memory...

[Fofer]

Awesome, thanks!

Spoiler:

Really!