Spoiler tag
TappedOut forum
Posted on July 22, 2013, 4:03 p.m. by cyber2
I was wondering if anyone knows how to make a spoiler tag on here. What I mean is like I have screenshot examples of play tests of certain combos i would like to show on my deck but I don't want to overload with pics. I would like a spoiler tag so when clicked the pic appears. That gives the option of see it or don't and doesn't weight down my page. I tried this html one I found but I doesn't work here it does in a testbed however.
ahhhh didn't think of that. well i know very little about java so how would i set that up. hopefully your hint wasn't meant to be a spoiler as it didn't work either
July 22, 2013 4:16 p.m.
Nope, and not java, javascript, they are two very different things, like magic and yugioh are two different things.
Start with this, this explains how to use the markup available on this site.
http://daringfireball.net/projects/markdown/syntax
From there, you can figure out how to use the script tag here:
http://www.w3schools.com/tags/tag_script.asp
From there, I'll just ping yeaGO! and see if he can implement something like that.
to save you time, only read the first link, the second one while useful, is not useful for this site or most sites because it's insecure to allow the script tag
July 22, 2013 4:25 p.m.
Cyrrus knows how to do it. its on his deck Life Steal (budget)
July 22, 2013 4:26 p.m.
I know java script and java are different that is java script I know some code. I know and have built sites in java html and css markdown syntax is another trick entirely though lol and it seems there's java script blocks on the site which I understand. I have read that page about 3 times this week and maybe 50 in my year+ of being a member of this site. this is a new account but I have another long story lol. I will look again but i seen nothing for hide or spoilers or mouseovers.
July 22, 2013 4:31 p.m.
cyberlocc check out what jquery and basic javascript have to offer instead of a pre made solution, sees like what Cyrrus did :)
July 22, 2013 4:34 p.m.
Ya I see what he did thats exactly what im trying to do ill see if i can yank his code from source and ill ask him thanks for your help
July 22, 2013 4:38 p.m.
when you figure it out, mind posting it here? i would definitely love to learn
July 22, 2013 4:43 p.m.
okay well apparently the site is blocking the code I don't understand why the code wont work it works just fine in notepad
July 25, 2013 3:56 p.m.
if it works in notepad and its self sufficient java then the site is not preventing the code to run and this is copied from cyrrus code so i don't understand
July 25, 2013 3:58 p.m.
Okay I got. It took forever i had to go through all of page source to find it and all its pieces in between his markdown syntax. He was going to give me his code but Im impatient lol
July 25, 2013 4:41 p.m.
Epochalyptik says... #18
I know next to nothing about web design and development. You'll want to try asking yeaGO!.
We may be blocking codes and scripts as a safety measure.
July 25, 2013 4:51 p.m.
Na it was just the way I had it worded I think because many people have the same thing on here and it works. yeaGO! should implement a markdown syntax version its very useful to prevent clutter to have spoiler tags. There is a markdown syntax way to do it but it must be implemented site wide not just on a post.
Okay needed a little fine tuning so here it is down
And here is the code for you Tempest
sorry it spans out like that don't know how to break it up
July 25, 2013 5:01 p.m.
Cyber Locc says... #22
ya um make sure though that if you use more than 1 of them in a given place you change the spoiler and show ids to unique ones and also close div twice at the end of all of them only twice at the very end off the document
July 26, 2013 1:32 a.m.
Cyber Locc says... #24
lol you still have to make sure you close divs twice tho kk
July 26, 2013 1:33 a.m.
what do i change to make it show something when they click on it?
July 26, 2013 1:34 a.m.
Cyber Locc says... #27
lol where it says show example one is what you want the show button to say then hide example will be for the hifde button and your text or pic goes here is what is hidden then shown heres an example of it in action on my deck page Blood Thief
gufymike says... #2
testbed might have the javascript it needs already set up for it. (HINT)
July 22, 2013 4:09 p.m.