The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Spoiler Text Link

3 posters

Go down

Solved Spoiler Text Link

Post by runawayhorses February 18th 2013, 2:50 pm

Is there a code I can use to replace the default text on the spoiler bar that says "Spoiler"? I'd like it to read "Click to show content". The reason I want to change it is because some people don't know what a spoiler is and will disregard a link that just says "Spoiler", if it said "Click to show content" that might be more explanatory as to what the link actually does. I'd like it to continue being a text link.

I'm using Invision, thanks


Last edited by runawayhorses on February 19th 2013, 10:18 am; edited 1 time in total
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Spoiler Text Link

Post by Sir Chivas™ February 18th 2013, 3:08 pm

Hi,

test:
Code:
[spoiler=test]testing[/spoiler]

Regards,
Sir Chivas.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Spoiler Text Link

Post by runawayhorses February 18th 2013, 3:16 pm

Thanks, but I want something that will create the text automatically when they use the "Spoiler" button on the text editor. Not everyone is going to know how to do that manually. I think it will need to be a javascript. So when the spoiler code is used when they submit the post the new text will be used instead of the "Spoiler" link.


Last edited by runawayhorses on February 18th 2013, 3:18 pm; edited 1 time in total
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Spoiler Text Link

Post by Sir Chivas™ February 18th 2013, 3:18 pm

I'll see what I can. Let me get to my PC. Wink
(Ill edit this post, that's if you haven't replied after this one).
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Spoiler Text Link

Post by runawayhorses February 18th 2013, 3:19 pm

Ok thanks. Very Happy
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Spoiler Text Link

Post by Sir Chivas™ February 18th 2013, 3:47 pm

Hmm, I do not have an answer for you, mate. Sad
I'm really not an expert with JS, but I know there's a function for it to work..

Sorry.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Spoiler Text Link

Post by runawayhorses February 18th 2013, 3:50 pm

That's ok thanks for trying.. Smile I'm not good with javascript either but hopefully someone here will have an answer for me, they usually do, thanks again. Smile
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Spoiler Text Link

Post by runawayhorses February 18th 2013, 8:14 pm

Thanks, but I really don't want to add a new button to the editor, I'd much rather just change the text link that is displayed when the "Spoiler" tags are used. Now it reads "Spoiler" but would like it to read "Click to show content" instead.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Spoiler Text Link

Post by runawayhorses February 18th 2013, 8:23 pm

Yes exactly, here is a topic thread where I'm using the spoiler tag:

thanks

http://runawayhorses.alldiscussion.net/t8984-slide-show-code
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Spoiler Text Link

Post by runawayhorses February 18th 2013, 11:58 pm

Oh that's ok no problem I appreciate your help very much.

I just added that new code and its not working.. Razz
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Spoiler Text Link

Post by runawayhorses February 19th 2013, 12:41 am

Oh good grief I can't believe I did that, I wasn't paying attention..lol

Anyway, I put the code in CSS stylesheet and it works fine, but its removing the topic header background image and I would like that to stay if I can, so to keep that I had to remove this part of the code below, but now of course the text "Spoiler" is showing and running into the new text, so if I can either remove that "Spoiler" text or better yet have it show before the new text "Click to show content" so it would all look like the "Spoiler Click to Show Content" would be nice, or just removing the text "Spoiler" altogether would be fine too, but I really would like to keep the header image for the spoiler if I can. I suggest you look at it again the way it is now to get a better understanding of what the situation is now and what I'm talking about. thanks a lot. Smile

http://runawayhorses.alldiscussion.net/t8984-slide-show-code#44448

Code:
.spoiler > dt {
visibility: hidden;
}
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Spoiler Text Link

Post by runawayhorses February 19th 2013, 1:06 am

No thats doing the same thing its removing the header image. Razz

Edit: Ok, where I'm at now is I went back to your second code because the third one didn't make any changes, and I edited the text to add the word "Spoiler" in it so the entire link reads like this "Spoiler: Click to Show Content", and I'm fine with that so the text is solved. So really now I just would like to have that border/header image back on top the spoiler like I had before that the "visibility: hidden" removed , you can see that header image on the code boxes to see what I'm talking about, the code boxes are inside the spoiler. But really its not necessary to have the header image on the spoiler box if its not doable, I can certainly live with that because it looks great now. But if you have an idea how to put the header image back I'll try it, if not we can consider this solved. Smile
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Spoiler Text Link

Post by runawayhorses February 19th 2013, 4:25 am

Well I had abandon this project and remove all the coding that was used in creating the new text "Click to Show Content". because of an all too familiar disappointment we all experience while doing page work, it was presented by none other than our favorite browser "Internet Explorer". Internet Explorer of course doesn't like it and was not showing the text at all, everything looked fine on firefox but of course when things look great on FF you can bet your bottom dollar they won't on IE.

Ok, well I'm done with this little project after being thoroughly disgusted by Internet Explorer yet again, I unwittingly continue to be its victim over and over again and have had enough for awhile. I'll keep the coding I have now that works for IE too, because a lot of my members use IE so unfortunately I have to babysit Internet Explorer and make sure everything works for it too.

OK, thanks rideem I appreciate all your efforts.
avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Spoiler Text Link

Post by SLGray February 19th 2013, 11:16 am

Topic Solved & Locked


Spoiler Text Link Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum