Better "spoiler" tag?

Xyzzy · 2015-10-27, 23:50

We are trying to figure out how this web page implements their spoiler tag.

https://www.reddit.com/r/dailyprogra...ts_and_vowels/

For mobile users it is better because you can click on it to reveal the text.

Mini-Geek · 2015-10-28, 02:47

I think they just use a different style on hover. StackExchange has a similar setup, but clicking on it toggles the spoiler class. The clicking approach works even better on mobile: the hovering one only works because the invisible cursor happens to be left there if you click on it. Scrolling could undo the spoiler-revealing.

retina · 2015-10-28, 02:56

I am not so sure it is better. It is easy to accidentally show the text when I only wanted to reposition the cursor. And being required to keep the cursor over the text is annoying because when I want to use the scrollbar to move the display the text disappears again.

Xyzzy · 2015-10-28, 03:19

That "Fiddle" thing is very cool!

retina · 2015-10-28, 03:37

Quote:

Originally Posted by Xyzzy

That "Fiddle" thing is very cool!

Except it is JS uglyness.

Xyzzy · 2015-10-28, 03:50

Please test the new spoiler tag out.

Hello!

We will try to figure out the clicky part next.

retina · 2015-10-28, 04:01

Quote:

Originally Posted by Xyzzy

Please test the new spoiler tag out.

Hello!

We will try to figure out the clicky part next.

Works here as hovering will reveal the text, and selecting will also reveal the text.

And doing both hover and select together makes the world explode.

Xyzzy · 2015-10-28, 04:28

Quote:

Originally Posted by retina

Works here as hovering will reveal the text, and selecting will also reveal the text.

We only need JS if we want it to be clickable, so maybe this is best?

The time delay for the fade effect can be changed. Right now it is set for two seconds.

retina · 2015-10-28, 05:42

Quote:

Originally Posted by Xyzzy

The time delay for the fade effect can be changed. Right now it is set for two seconds.

I don't see that effect. Everything happens, in what appears to me to be, instantly.

kladner · 2015-10-28, 08:19

Works well in FF 35.0.

LaurV · 2015-10-28, 08:34

Works well in FF 41 too.
The time could be a bit longer, just to avoid revealing by mistake.

2015-10-27, 23:50	#1
Xyzzy "Mike" Aug 2002 2⁵·257 Posts	Better "spoiler" tag? We are trying to figure out how this web page implements their spoiler tag. https://www.reddit.com/r/dailyprogra...ts_and_vowels/ For mobile users it is better because you can click on it to reveal the text.

2015-10-28, 02:47	#2
Mini-Geek Account Deleted "Tim Sorbera" Aug 2006 San Antonio, TX USA 17×251 Posts	I think they just use a different style on hover. StackExchange has a similar setup, but clicking on it toggles the spoiler class. The clicking approach works even better on mobile: the hovering one only works because the invisible cursor happens to be left there if you click on it. Scrolling could undo the spoiler-revealing. Last fiddled with by Mini-Geek on 2015-10-28 at 02:49

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
GQQ: a "deterministic" "primality" test in O(ln n)^2	Chair Zhuang	Miscellaneous Math	21	2018-03-26 22:33
Stockfish game: "Move 8 poll", not "move 3.14159 discussion"	MooMoo2	Other Chess Games	5	2016-10-22 01:55
Aouessare-El Haddouchi-Essaaidi "test": "if Mp has no factor, it is prime!"	wildrabbitt	Miscellaneous Math	11	2015-03-06 08:17
Would Minimizing "iterations between results file" may reveal "is not prime" earlier?	nitai1999	Software	7	2004-08-26 18:12

2015-10-28, 02:56	#3
retina Undefined "The unspeakable one" Jun 2006 My evil lair 2²·1,549 Posts	I am not so sure it is better. It is easy to accidentally show the text when I only wanted to reposition the cursor. And being required to keep the cursor over the text is annoying because when I want to use the scrollbar to move the display the text disappears again.

2015-10-28, 03:19	#4
Xyzzy "Mike" Aug 2002 2⁵×257 Posts	That "Fiddle" thing is very cool!

2015-10-28, 03:50	#6
Xyzzy "Mike" Aug 2002 10000000100000₂ Posts	Please test the new spoiler tag out. Hello! We will try to figure out the clicky part next.

2015-10-28, 08:19	#10
kladner "Kieren" Jul 2011 In My Own Galaxy! 2×3×1,693 Posts	Works well in FF 35.0.

2015-10-28, 08:34	#11
LaurV Romulan Interpreter Jun 2011 Thailand 10010110001100₂ Posts	Works well in FF 41 too. The time could be a bit longer, just to avoid revealing by mistake.