I wrote a script that could make Template:Spoiler function as it does on TV Tropes (i.e. reveal or hide with a simple click instead of having to highlight the text with the cursor):
You can copy the JavaScript onto MediaWiki:Common.js and the CSS onto MediaWiki:Common.css if you're interest.
Sweet. We have some gadget code that does something similar, but I like your idea even better.
Was going to add you code to our site gadgets (you can change these in user preferences), will be sure to credit you properly. :D
Also, welcome to ATT, hope you have fun here!
Thanks, but I think that you need to remove "!important" from MediaWiki:Common.css for the gadget to function.
Think I fixed things, but Miraheze's site caching may make it take a day or two for certain changes to percolate globally.
I also tagged in a fellow admin who does our code to make sure I didn't screw anything up, since he did our default spoiler CSS/JS code as well.
Thanks, but it still doesn't work. Common.css is overruling the gadget's CSS, but I guess you need the "!important" there.
Actually, the best solution is to probably do what I did at Kings Wiki:
http://en.kingswiki.com/w/index.php?title=MediaWiki:Common.css&diff=16688&oldid=12348
Have one class ("spoiler") for the background and border and a separate class ("spoilerhidden") for the color of the text, then have Template:Spoiler be <span class="spoiler spoilerhidden">{{{1}}}</span>. That way, the gadget could be rewritten to toggle "spoilerhidden" out / in.
I just did the changes, they seem to be working well. If not, page User:Labster.
https://allthetropes.org/w/index.php?title=MediaWiki:Gadget-TVTropesStylespoilers.js&diff=1426720
No, it still doesn't work, and that wasn't what I meant for you to do. Please turn ".spoilerhidden" back into ".spoiler", and turn "spoilershown" into "spoilerhidden".
Can we please test our changes to places like {{spoiler}} before deploying? Any changes there require several hours of work rebuilding wiki pages. Thanks.
Whoops, my bad. Could you work on this further, plz? Looks simple, but given what it changes, I rather have someone better versed in this do so.
Okay, so the click spoiler gadget now works right. Thanks Idris, it looks nice!
We still seem to have issues with our other spoiler revealing gadgets, so User:Labster, please look into that when you have the time.
You're welcome.
I forgot about the other two gadgets. To fix them, go to MediaWiki:Gadget-spoilertogglehover.js and MediaWiki:Gadget-spoilersoff.js and replace .removeClass("spoiler") with .removeClass("spoiler spoilerhidden").
Much appreciated, will do that.
Also, I notice you hail from Kings Wiki. If we don't already have a page on them, feel free to make one. :)
No problem. Thanks.
Kings Wiki is still in early development, its community hasn't reached full fruition yet, and it's still missing articles on key topics. I don't believe that Kings Wiki is ready to be summed up with tropes just yet.
Well, if you just want a stub article inviting people to check it out and give a brief overview of it's purpose, we're cool with that if you want, but if you feel it isn't appropriate now, I understand.
In any event, be proud, you're an obvious benefit to both our communities. :)
Back on the topic of click-to-reveal spoilers, the only problem with this is that you can accidentally click a link when trying to reveal a spoiler. Because the spoiler span is the parent of the hyperlinks, maybe bind a click event on links in spoiler tags with event.preventDefault(), but only if the spoiler is hidden. That would still let the click event bubble up to the spoiler span.
