Forum :: Lounge :: Suggestion: Spoiler Button

Sordie posted: (29th Aug 2012, 08:05 pm)


EDIT: Gah, NVM. I posted some code that would have worked on the old forum but apparently Sausage has got wise to my HTML posting XD

if anyone cares it was:

<div>
  <div>
    <input type="button" value="Pro tip:" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display!=''){this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display=''}else{this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display='none'}"/>
  </div>
  <div>
    <div style="display:none">
      EOSERV actually uses HTML for posts =P
    </div>
  </div>
</div>

That's something along the lines of what I was thinking lol.. Keep it up, we could get Sausage to waste 25 seconds on the forum. Better prepare some other quick and simple (minded) improvements for a combo. 

---
Web developer, currently looking for graphic artists / designers.

Sordie posted: (29th Aug 2012, 08:05 pm)


EDIT: Gah, NVM. I posted some code that would have worked on the old forum but apparently Sausage has got wise to my HTML posting XD

if anyone cares it was:

<div>
  <div>
    <input type="button" value="Pro tip:" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display!=''){this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display=''}else{this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display='none'}"/>
  </div>
  <div>
    <div style="display:none">
      EOSERV actually uses HTML for posts =P
    </div>
  </div>
</div>

Doesn't work 'cause you're not an admin anymore, silly. =p

If you want a quick and dirty spoiler, you can use the quote style (which already has spoiler-like behaviour) with a bit of editing... And OMFG, that Javascript. We have jQuery here, use it. D=

Use quote format for spoilers?

SPOILER <mouse over to reveal>

They auto expand on mouse over (good luck on a touch screen), they look ugly, you need to pad them with two lines of text so you can't see the text and everyone is already trained to see this layout as an actual quote.

But they work so what's the problem?

SPOILER <mouse over to reveal>

Let's see any of the average pleb here work out how to do this.

Good point. So what's the solution to all of this?

SPOILER <mouse over to reveal>

Either add a button that adds the HTML to have CLICKABLE  spoilers or drop the "contentEditiable" crap and create some kind of, dare I say it, [BBcode]. Ugh!

...and I didn't even make a spoiler to comment on my previous horrid HTML/JS ;] Let's just agree I will never be a web programmer and move on. XD

Fin.

EDIT: Oh and I did this post in contentEditable mode, not text! Go my copy->paste lazyness! =D

EDIT-EDIT: If you ever do add this then please, for the love of cake, add a "Code" tag too!

EDIT-EDIT-EDIT: Fin! (for real this time ;])

---
http://sordie.co.uk
http://twitter.com/@SordieEO

That's really neat :o
I'll be using quote as spoilers from now on :D
Thanks Sordie!

---
Support Horrible Subs!
http://horriblesubs.info/