Better spoiler tags needed

Having issues using the board? Ask here! You can also suggest improvements and comment on current features.
Post Reply
User avatar
Houndy
Newbie
Newbie
Posts: 28
Joined: Wed May 16, 2012 8:56 pm

Better spoiler tags needed

Post by Houndy » Fri Jun 22, 2018 6:55 am

I just read this post which contains a long spoiler and noticed that the spoiler tags don't work very well, you need to click every paragraph separately in order to read it which is something you should never have to do. Replace current spoiler tags with this, it's a lot better.

User avatar
Dragon
Comrade
Comrade
Posts: 602
Joined: Sun Oct 16, 2016 8:39 pm
Location: Nohr
Contact:

Re: Better spoiler tags needed

Post by Dragon » Fri Jun 22, 2018 7:12 pm

Yeah I felt bad the spoiler tag messed up her post.
I like this suggestion.
Image

User avatar
Regnant
Technician
Technician
Posts: 1076
Joined: Wed Sep 18, 2013 10:17 pm
Location: Colorado, USA
Contact:

Re: Better spoiler tags needed

Post by Regnant » Fri Jun 22, 2018 7:46 pm

I feel the black spoilers are good for short items like little inline joke text so it should stay, but seeing a long post like that I think I agree about a bigger tag. I'll see if I can recreate something similar to the toggle so we won't break the current spoiler tag (if we install the plugin, it'll replace every spoiler with that one which may mess up older posts). Plus less plugins the better!
Image

Ohu Dogs | My Ginga Collection | Art & Shirts | Pet Instagram
GDW 1-4, 7, 8, 31 Obis Wanted! Paying $1-$2 each!
Large TI Weed Plush Wanted!
PurePlastic Weed Plush (with tag) Wanted!

User avatar
Gingastar
Legend
Legend
Posts: 6694
Joined: Sat Jul 31, 2010 7:04 pm
Location: Canada

Re: Better spoiler tags needed

Post by Gingastar » Fri Jun 22, 2018 7:49 pm

Not sure if this is the place to talk about it but I seem to have issues with viewing spoiler tags when on mobile. I have no way of opening the spoiler box and instead have to open the persons post in a quote to view what they've said.

Does anyone else have this problem?
Image
Banner by me!
Image
Art & Banner by me!

DeviantArt l Twitter l Tumblr

User avatar
Regnant
Technician
Technician
Posts: 1076
Joined: Wed Sep 18, 2013 10:17 pm
Location: Colorado, USA
Contact:

Re: Better spoiler tags needed

Post by Regnant » Fri Jun 22, 2018 8:03 pm

Gingastar wrote:
Fri Jun 22, 2018 7:49 pm
Not sure if this is the place to talk about it but I seem to have issues with viewing spoiler tags when on mobile. I have no way of opening the spoiler box and instead have to open the persons post in a quote to view what they've said.

Does anyone else have this problem?
Do you have a custom highlight color or text color set on your phone? What sort of phone do you have? Are you trying to click or actually highlight the text?
Image

Ohu Dogs | My Ginga Collection | Art & Shirts | Pet Instagram
GDW 1-4, 7, 8, 31 Obis Wanted! Paying $1-$2 each!
Large TI Weed Plush Wanted!
PurePlastic Weed Plush (with tag) Wanted!

User avatar
Gingastar
Legend
Legend
Posts: 6694
Joined: Sat Jul 31, 2010 7:04 pm
Location: Canada

Re: Better spoiler tags needed

Post by Gingastar » Fri Jun 22, 2018 8:19 pm

Regnant wrote:
Fri Jun 22, 2018 8:03 pm
Gingastar wrote:
Fri Jun 22, 2018 7:49 pm
Not sure if this is the place to talk about it but I seem to have issues with viewing spoiler tags when on mobile. I have no way of opening the spoiler box and instead have to open the persons post in a quote to view what they've said.

Does anyone else have this problem?
Do you have a custom highlight color or text color set on your phone? What sort of phone do you have? Are you trying to click or actually highlight the text?
No, it's whatever the default setting to my phone is.

I have an iPhone SE and I've tried both clicking and highlighting the text.
Image
Banner by me!
Image
Art & Banner by me!

DeviantArt l Twitter l Tumblr

User avatar
Regnant
Technician
Technician
Posts: 1076
Joined: Wed Sep 18, 2013 10:17 pm
Location: Colorado, USA
Contact:

Re: Better spoiler tags needed

Post by Regnant » Fri Jun 22, 2018 8:28 pm

Gingastar wrote:
Fri Jun 22, 2018 8:19 pm
Regnant wrote:
Fri Jun 22, 2018 8:03 pm
Gingastar wrote:
Fri Jun 22, 2018 7:49 pm
Not sure if this is the place to talk about it but I seem to have issues with viewing spoiler tags when on mobile. I have no way of opening the spoiler box and instead have to open the persons post in a quote to view what they've said.

Does anyone else have this problem?
Do you have a custom highlight color or text color set on your phone? What sort of phone do you have? Are you trying to click or actually highlight the text?
No, it's whatever the default setting to my phone is.

I have an iPhone SE and I've tried both clicking and highlighting the text.
Alright give a try now with just tapping on the spoiler
Image

Ohu Dogs | My Ginga Collection | Art & Shirts | Pet Instagram
GDW 1-4, 7, 8, 31 Obis Wanted! Paying $1-$2 each!
Large TI Weed Plush Wanted!
PurePlastic Weed Plush (with tag) Wanted!

User avatar
Gingastar
Legend
Legend
Posts: 6694
Joined: Sat Jul 31, 2010 7:04 pm
Location: Canada

Re: Better spoiler tags needed

Post by Gingastar » Fri Jun 22, 2018 8:42 pm

Regnant wrote:
Fri Jun 22, 2018 8:28 pm
Gingastar wrote:
Fri Jun 22, 2018 8:19 pm
Regnant wrote:
Fri Jun 22, 2018 8:03 pm


Do you have a custom highlight color or text color set on your phone? What sort of phone do you have? Are you trying to click or actually highlight the text?
No, it's whatever the default setting to my phone is.

I have an iPhone SE and I've tried both clicking and highlighting the text.
Alright give a try now with just tapping on the spoiler
It works! Thank you so much Regnant :D
Image
Banner by me!
Image
Art & Banner by me!

DeviantArt l Twitter l Tumblr

User avatar
Regnant
Technician
Technician
Posts: 1076
Joined: Wed Sep 18, 2013 10:17 pm
Location: Colorado, USA
Contact:

Re: Better spoiler tags needed

Post by Regnant » Fri Jun 22, 2018 8:48 pm

Gingastar wrote:
Fri Jun 22, 2018 8:42 pm
Regnant wrote:
Fri Jun 22, 2018 8:28 pm
Gingastar wrote:
Fri Jun 22, 2018 8:19 pm


No, it's whatever the default setting to my phone is.

I have an iPhone SE and I've tried both clicking and highlighting the text.
Alright give a try now with just tapping on the spoiler
It works! Thank you so much Regnant :D
Huzzah my quick fix worked! XD
Image

Ohu Dogs | My Ginga Collection | Art & Shirts | Pet Instagram
GDW 1-4, 7, 8, 31 Obis Wanted! Paying $1-$2 each!
Large TI Weed Plush Wanted!
PurePlastic Weed Plush (with tag) Wanted!

User avatar
Houndy
Newbie
Newbie
Posts: 28
Joined: Wed May 16, 2012 8:56 pm

Re: Better spoiler tags needed

Post by Houndy » Sat Jun 23, 2018 1:15 pm

Regnant wrote:
Fri Jun 22, 2018 7:46 pm
I'll see if I can recreate something similar to the toggle so we won't break the current spoiler tag
That's fully possible, just create another spoiler tags and name them e.g. togglespoiler, here's the codes you need for them:

Put this to BBCode usage field

Code: Select all

[togglespoiler="click for spoiler!"]{TEXT}[/togglespoiler]
And this to HTML replacement field

Code: Select all

<div style="margin:20px; margin-top:5px"><div class="quotetitle"><b>Spoiler: </b> <input type="button" value="Näytä"
style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
this.innerText = ''; this.value = 'Hide'; }
else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = ''; this.value = 'Show'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>
Regnant wrote:
Fri Jun 22, 2018 7:46 pm
if we install the plugin, it'll replace every spoiler with that one which may mess up older posts).
Installing the plugin wouldn't mess up older posts, it would just replace spoilers.
Last edited by Houndy on Sat Jun 23, 2018 3:38 pm, edited 1 time in total.

User avatar
Regnant
Technician
Technician
Posts: 1076
Joined: Wed Sep 18, 2013 10:17 pm
Location: Colorado, USA
Contact:

Re: Better spoiler tags needed

Post by Regnant » Sat Jun 23, 2018 3:10 pm

Houndy wrote:
Sat Jun 23, 2018 1:15 pm
Regnant wrote:
Fri Jun 22, 2018 7:46 pm
I'll see if I can recreate something similar to the toggle so we won't break the current spoiler tag
That's fully possible, just create another spoiler tags and name them e.g. togglespoiler, here's the codes you need for them:

Put this to BBCode usage field

Code: Select all

[togglespoiler="click for spoiler!"]{TEXT}[/togglespoiler]
And this to HTML replacement field:

Code: Select all

<div style="margin:20px; margin-top:5px"><div class="quotetitle"><b>Spoiler: </b> <input type="button" value="Näytä"
style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
this.innerText = ''; this.value = 'Hide'; }
else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = ''; this.value = 'Show'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>
Regnant wrote:
Fri Jun 22, 2018 7:46 pm
if we install the plugin, it'll replace every spoiler with that one which may mess up older posts).
Installing the plugin wouldn't mess up older posts, it would just replace spoilers.
I already created this yesterday in a much easier way (much less js is needed), just waiting for Arano's approval.

The plugin would replace all spoiler tags, including inline spoilers which would mess up older post formatting. The new tag I made will work perfectly with new posts without interfering with the current tag
Image

Ohu Dogs | My Ginga Collection | Art & Shirts | Pet Instagram
GDW 1-4, 7, 8, 31 Obis Wanted! Paying $1-$2 each!
Large TI Weed Plush Wanted!
PurePlastic Weed Plush (with tag) Wanted!

User avatar
Houndy
Newbie
Newbie
Posts: 28
Joined: Wed May 16, 2012 8:56 pm

Re: Better spoiler tags needed

Post by Houndy » Sat Jun 23, 2018 4:27 pm

Regnant wrote:
Sat Jun 23, 2018 3:10 pm
Houndy wrote:
Sat Jun 23, 2018 1:15 pm
Regnant wrote:
Fri Jun 22, 2018 7:46 pm
I'll see if I can recreate something similar to the toggle so we won't break the current spoiler tag
That's fully possible, just create another spoiler tags and name them e.g. togglespoiler, here's the codes you need for them:

Put this to BBCode usage field

Code: Select all

[togglespoiler="click for spoiler!"]{TEXT}[/togglespoiler]
And this to HTML replacement field:

Code: Select all

<div style="margin:20px; margin-top:5px"><div class="quotetitle"><b>Spoiler: </b> <input type="button" value="Näytä"
style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '')
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';
this.innerText = ''; this.value = 'Hide'; }
else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = ''; this.value = 'Show'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>
Regnant wrote:
Fri Jun 22, 2018 7:46 pm
if we install the plugin, it'll replace every spoiler with that one which may mess up older posts).
Installing the plugin wouldn't mess up older posts, it would just replace spoilers.
I already created this yesterday in a much easier way (much less js is needed), just waiting for Arano's approval.
That's good to hear, can't wait to see it in use.

User avatar
Arano
Root Admin
Root Admin
Posts: 6770
Joined: Thu Mar 27, 2008 12:27 pm
Contact:

Re: Better spoiler tags needed

Post by Arano » Sun Jun 24, 2018 10:21 pm

"Longspoiler" has been added to the posting boxes.

Thank you Regnant for fielding this AND fixing it while I was away!
SPOILER

User avatar
18Gingasoldier
Rookie
Rookie
Posts: 220
Joined: Mon Sep 03, 2012 1:27 am
Location: Mexico

Re: Better spoiler tags needed

Post by 18Gingasoldier » Tue Jun 26, 2018 5:47 pm

Dragon wrote:
Fri Jun 22, 2018 7:12 pm
Yeah I felt bad the spoiler tag messed up her post.
I like this suggestion.
Updated my post with the long spoiler :)

Post Reply

Return to “Troubleshoot”