Click-To-View Text Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

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.
The forum of the forums
+3
errik
keerthana
Darkovercast
7 posters

    Click-To-View Text

    Darkovercast
    avatar
    Darkovercast
    New Member


    Posts : 12
    Reputation : 0
    Language : English
    • Post n°1

    Solved Click-To-View Text

    Post by Darkovercast October 11th 2009, 12:51 pm

    Hello, and nice to meet you. (^^/

    While I was working on a post, I came on an issue I'm stuck on figuring out, and need a little push in the right direction.

    I'm making quite long posts about a handful of topics, and I need to be able to have some sort of "Click-To-View" text. Much like the [spoiler ] [/spoiler ] code. But I would like it to say "Click Here" (or something along the lines) and if possible, not that long black bar under it.

    I would also like to be able to color and italize it. So it stands out to viewers. Any suggestions or things to try?
    • Back to top
    Darkovercast
    avatar
    Darkovercast
    New Member


    Posts : 12
    Reputation : 0
    Language : English
    • Post n°2

    Solved Re: Click-To-View Text

    Post by Darkovercast October 12th 2009, 8:32 am

    Bump.
    • Back to top
    keerthana
    avatar
    keerthana
    New Member


    Posts : 1
    Reputation : 0
    Language : english
    • Post n°3

    Solved forum

    Post by keerthana October 12th 2009, 1:59 pm

    • Back to top
    errik
    errik
    errik
    Forumember


    Male Posts : 72
    Reputation : 0
    Language : Greek
    • Post n°4

    Solved Re: Click-To-View Text

    Post by errik October 12th 2009, 2:25 pm

    i want to know to about this.whow did you do that keerthana ?please tell me
    • Back to top
    Darkovercast
    avatar
    Darkovercast
    New Member


    Posts : 12
    Reputation : 0
    Language : English
    • Post n°5

    Solved Re: Click-To-View Text

    Post by Darkovercast October 13th 2009, 1:41 am

    /facepalm
    • Back to top
    Rok
    Rok
    Rok
    Energetic


    Male Posts : 6823
    Reputation : 234
    Language : idk
    • Post n°6

    Solved Re: Click-To-View Text

    Post by Rok October 13th 2009, 1:57 am

    Enable HTML in both the forum and your profile, then try this out in a post :

    Code:
    <html>
    <head>
       <title>Spoiler HTML code</title>
       <style type="text/css">
    body,input
       {
       font-family:"Trebuchet ms",arial;font-size:0.9em;
       color:#333;
       }
    .spoiler
       {
       border:1px solid #ddd;
       padding:3px;
       }
    .spoiler .inner
       {
       border:1px solid #eee;
       padding:3px;margin:3px;
       }
       </style>
       <script type="text/javascript">
    function showSpoiler(obj)
       {
       var inner = obj.parentNode.getElementsByTagName("div")[0];
       if (inner.style.display == "none")
          inner.style.display = "";
       else
          inner.style.display = "none";
       }
       </script>
    </head>
    <body>
    <div class="spoiler">
       <input type="button" onclick="showSpoiler(this);" value="Show/Hide" />
       <div class="inner" style="display:none;">
       TYPE YOUR MESSAGE HERE!!!!!!!!!!!!!!!!
       </div>
    </div>
    </body>
    </html>

    Edit 'TYPE YOUR MESSAGE HERE!!!!!!!!!!!!!!!!' with what you want to show up as the spoiler.
    • Back to top
    Blofeld
    avatar
    Blofeld
    Active Poster


    Male Posts : 1088
    Reputation : 18
    Language : ............
    • Post n°7

    Solved Re: Click-To-View Text

    Post by Blofeld October 13th 2009, 1:59 am

    keerthana wrote:click here to know more Hello

    Oh you did that here too did you ? as well as my forum? Rolling Eyes
    • Back to top
    Darkovercast
    avatar
    Darkovercast
    New Member


    Posts : 12
    Reputation : 0
    Language : English
    • Post n°8

    Solved Re: Click-To-View Text

    Post by Darkovercast October 13th 2009, 6:54 am

    I started doing what you said to do Rok, and I think i'm on the right steps here, I kinda got it, but i'm getting this.Click-To-View Text Error
    • Back to top
    Darkovercast
    avatar
    Darkovercast
    New Member


    Posts : 12
    Reputation : 0
    Language : English
    • Post n°9

    Solved Re: Click-To-View Text

    Post by Darkovercast October 13th 2009, 7:21 am

    Blofeld wrote:
    keerthana wrote:click here to know more Hello

    Oh you did that here too did you ? as well as my forum? Rolling Eyes

    Yeah helpful -.- I prefer asking people questions to get better then search engines, you can't say thank you to google.
    • Back to top
    Rok
    Rok
    Rok
    Energetic


    Male Posts : 6823
    Reputation : 234
    Language : idk
    • Post n°10

    Solved Re: Click-To-View Text

    Post by Rok October 16th 2009, 3:03 am

    Can you try it out in a post on your forum and send me the link to that post?

    And by the way, when you click on the Show/Hide button, does anything appear correctly?
    • Back to top
    Darkovercast
    avatar
    Darkovercast
    New Member


    Posts : 12
    Reputation : 0
    Language : English
    • Post n°11

    Solved Re: Click-To-View Text

    Post by Darkovercast October 16th 2009, 8:06 am

    Rok wrote:Can you try it out in a post on your forum and send me the link to that post?

    And by the way, when you click on the Show/Hide button, does anything appear correctly?

    No the Show/Hide box dosnt show anything, ;_; Check your PM box for a pass into the site.
    • Back to top
    Rok
    Rok
    Rok
    Energetic


    Male Posts : 6823
    Reputation : 234
    Language : idk
    • Post n°12

    Solved Re: Click-To-View Text

    Post by Rok October 17th 2009, 1:45 am

    Apparently, I got some jank script from some place on Google.

    Here, this is an accurate script:
    Code:
    <div style="margin:20px; margin-top:5px"><div class="quotetitle"><input type="button" value="Click here to view Spoiler!" style="width:130px;height:30px;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 spoiler'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Click here to view Spoiler!'; }" /></div><div class="quotecontent"><div style="display: none;">{ENTER YOUR TEXT HERE!}</div></div></div>

    It should appear like this.
    • Back to top
    Darkovercast
    avatar
    Darkovercast
    New Member


    Posts : 12
    Reputation : 0
    Language : English
    • Post n°13

    Solved How strange.

    Post by Darkovercast October 17th 2009, 8:08 am

    Well this box works semi-okay.
    Inside my forum, it cuts out the last few letters on the button, kinda looks like "Click here to view spoi-"
    But with some tinkering it should be fine.

    But the strange thing is, in a new post it works just fine, but the text i'm trying to put inside the button breaks the code and just displays all the text, now I made sure I put it in the right spot and all that, so i'm thinking something inside the text set the button off? Any characters I should'nt have inside the "Enter text here" area?
    • Back to top
    Rok
    Rok
    Rok
    Energetic


    Male Posts : 6823
    Reputation : 234
    Language : idk
    • Post n°14

    Solved Re: Click-To-View Text

    Post by Rok October 19th 2009, 4:13 pm

    You can insert anything as the title of the spoiler as long as you change the width of the spoiler prior to the amount of characters in the title of the spoiler.



    Look for style="width:130px;height:30px;font-size:10px at the beggining of the script. You can tick/edit the width, height, and even the font size for the spoiler.
    • Back to top
    Ape
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19150
    Reputation : 1994
    Language : fluent in dork / mumbojumbo & English haha
    • Post n°15

    Solved Re: Click-To-View Text

    Post by Ape October 19th 2009, 6:30 pm

    Rok wrote:Apparently, I got some jank script from some place on Google.

    Here, this is an accurate script:
    Code:
    <div style="margin:20px; margin-top:5px"><div class="quotetitle"><input type="button" value="Click here to view Spoiler!" style="width:130px;height:30px;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 spoiler'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Click here to view Spoiler!'; }" /></div><div class="quotecontent"><div style="display: none;">{ENTER YOUR TEXT HERE!}</div></div></div>

    It should appear like this.
    I used this code Thank you Rok :wouhou: i used it to hide my users Control Panel Very good
    • Back to top
    Darkovercast
    avatar
    Darkovercast
    New Member


    Posts : 12
    Reputation : 0
    Language : English
    • Post n°16

    Solved Re: Click-To-View Text

    Post by Darkovercast October 21st 2009, 3:47 am

    Success! Thank you very much ROK you were very helpful. The button is perfectly working for me now. Wink
    • Back to top
    Sanket
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai
    • Post n°17

    Solved Re: Click-To-View Text

    Post by Sanket October 21st 2009, 3:17 pm

    Since this thread appears to be solved, I will lock this thread and mark it as solved.
    Click-To-View Text 2j4t5a8

    Sanket Smile
    • Back to top