Is it possible to create a "show/hide" link?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
Is it possible to create a "show/hide" link whereas it shows or hides a list?
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
  • http://youcanneverbetoosmart.com

Posted 9 years ago

  • 1
Photo of John McCarthy

John McCarthy

  • 1292 Posts
  • 99 Reply Likes
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
ok, maybe I'm missing something... that's kinda what I'm looking for (don't care for the bulky plus, minus signs) but how do I implement them? I don't see a code!
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
you log in the code site via Yola.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I still must be missing something, I don't see Yola Codes in the sitebuilder.. exactly where is it? Have a screen shot? or a explain precisely where in the sitebuilder it is?
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
Donald

I just google it and there is answer and options there also.

Try show hide and a whole bunch, lots, tons, many listings, many option, several others places to look, css, div, all kinds.

Here's a link http://www.google.com/search?hl=en&q=...

Papa
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I searched google and found some sources, the one source I looked at and tried I couldn't seem to figure out but will look at the other sources when I have some more time. It indicated placing one of the htmls between the head tags of the page. I see head tags all the time, but they are usually in widgets that have nothing to do with what I am doing. Do you know what they mean by head tag of the page?
Photo of papa

papa

  • 327 Posts
  • 20 Reply Likes
Donald,
The head and footer section are not open to use as far as i know. When I come across the codes that say to put in head I just add that information that say add to head and add to body all in the HTML widget. Most of the time it works. if it don't I remove them

Papa
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
yea, I tried it, maybe they just explained it wrong but I tried what they said and it didn't work... When I have more time I'll try other sources for show/hide links.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Donald

If you read the rules on the Yola Code site, you will see how to access the codes. You will need to go to www.yolatestsite.yolasite.com - type in the chat box that you're logging in (providing that no one else is on). Then, go to www.yola.com and enter in the username and password given in the rules. If you don't want the images of the plus & minus, then I suggest using the "Switch Menu".

Please let me know if you have any trouble with this.
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
hay donald have a look on this page of mine and see if it is the right 1 for u!!

http://time-to-chat.yolasite.com/faq.php
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I don't know... I don't like the green plus/minus - infact, I don't even care for the plus/minus at all... I'd prefer a "show/hide" link
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
right let me sort somthing out but you want something like that but with show/hide links!!
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
right here we go.

is this is what you r looking for??

http://time-to-chat.yolasite.com/faq.php

i know it is the same web address but it has got something different!! it has got the show/hide on it!!
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
yea, I like it better than the plus/minus... I wouldn't mind doing it with my table of contents, only problem is that I have a lot on my plate as is... I'm afraid to start anything else and then I'll be lucky to add one new page every day. Right now, I'm able to get about 3 new articles on my site every day, It use to be 8 new articles. That's how much more I've added to my site. I'm now editing every page without MS Office copying and I'm adding the border/backgrounds you now see on my home page to all of my main section titles. Throw a little spice and attraction on my pages. I have a theory that the nicer my site looks, the more repeat visitors I'll have.
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
do you want me to paste the code in here for you??
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
Your Faqs would be even better if by pressing the question it would work as a show/hide link as well... by clicking the question link, it would "show" the answer. By clicking it again, it would hide the answer.
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
cheers for the tip. i prob haven't got time 2day but i eill do that at some point!!! cheers for the tip
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks for your help on this Smithy. =)

Donald, if there is anything from the Yola Code site in the Expand/Collapse section that you are interested in using but need help in setting it up, please let me know.
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
any time littleus. i am always here to help people where i can!!
Photo of smithy

smithy

  • 1222 Posts
  • 28 Reply Likes
<!--
<script type="text/javascript"> // Copyright 2006-2007 javascript-array.com var timeout = 500; var closetimer = 0; var ddmenuitem = 0; // open hidden layer function mopen(id) { // cancel close timer mcancelclosetime(); // close old layer if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; // get new layer and show it ddmenuitem = document.getElementById(id); ddmenuitem.style.visibility = 'visible'; } // close showed layer function mclose() { if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; } // go close timer function mclosetime() { closetimer = window.setTimeout(mclose, timeout); } // cancel close timer function mcancelclosetime() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null; } } // close layer when click-out document.onclick = mclose; </script> <script language="javascript"> function toggle5(showHideDiv, switchImgTag) { var ele = document.getElementById(showHideDiv); var imageEle = document.getElementById(switchImgTag); if(ele.style.display == "block") { ele.style.display = "none"; imageEle.innerHTML = 'Show'; } else { ele.style.display = "block"; imageEle.innerHTML = 'Hide'; } }</script>

copy that code in at the top of your webpage.

<P> Here you can find answers to frequently asked questions here on time-to-chat and should you not find an answer to your question under the various topics you can always contact customer service!</P> <SCRIPT type=text/javascript> // Copyright 2006-2007 javascript-array.com var timeout = 500; var closetimer = 0; var ddmenuitem = 0; // open hidden layer function mopen(id) { // cancel close timer mcancelclosetime(); // close old layer if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; // get new layer and show it ddmenuitem = document.getElementById(id); ddmenuitem.style.visibility = 'visible'; } // close showed layer function mclose() { if(ddmenuitem) ddmenuitem.style.visibility = 'hidden'; } // go close timer function mclosetime() { closetimer = window.setTimeout(mclose, timeout); } // cancel close timer function mcancelclosetime() { if(closetimer) { window.clearTimeout(closetimer); closetimer = null; } } // close layer when click-out document.onclick = mclose; </SCRIPT> <SCRIPT language=javascript> function toggle5(showHideDiv, switchImgTag) { var ele = document.getElementById(showHideDiv); var imageEle = document.getElementById(switchImgTag); if(ele.style.display == "block") { ele.style.display = "none"; imageEle.innerHTML = 'Show'; } else { ele.style.display = "block"; imageEle.innerHTML = 'Hide'; } }</SCRIPT> <DIV></DIV> <DIV></DIV> <DIV style="DISPLAY: block; CLEAR: both" id=I307 class=HTML_Default> <DIV id=I307_html> <TABLE border=0 cellSpacing=5 cellPadding=5 width="100%"> <TBODY> <TR> <TD vAlign=top width="2%" align=left><A id=imageDivLink1 href="javascript:toggle5('contentDivImg1', 'imageDivLink1');">Show</TD> <TD vAlign=top width="100%" align=left> <DIV id=titleTextImg><FONT color=#003df5><FONT size=3><STRONG>FAQ 1.</STRONG>Guestbook</DIV> <DIV style="DISPLAY: none" id=contentDivImg1><BR><A href="">How to set the Guestbook to accept privite messages.</A><BR><A href="">How to delete messages.</A><BR><A href="">How to create messages in your or other users guestbook.</A><BR><A href="">How to lock your guestbook.</A><BR><A href="">How to change the design</A><BR><A href="">How to block users via IP address</A><BR><BR></DIV></FONT></FONT></TD> </TR> <TR> <TD vAlign=top width="2%" align=left><A id=imageDivLink2 href="javascript:toggle5('contentDivImg2', 'imageDivLink2');">Show</TD> <TD vAlign=top width="100%" align=left> <DIV id=titleTextImg><FONT color=#003df5><FONT size=3><STRONG>FAQ 2.</STRONG>Profile</DIV> <DIV style="DISPLAY: none" id=contentDivImg2><BR><A href="">Can i have a profile picture.</A><BR><BR><A href="">How can i change my profile information.</A><BR><BR><BR></DIV> <TR> </tr> <TD vAlign=top width="2%" align=left><A id=imageDivLink3 href="javascript:toggle5('contentDivImg3', 'imageDivLink3');">Show</TD> <TD vAlign=top width="100%" align=left> <DIV id=titleTextImg><FONT color=#003df5><FONT size=3><STRONG>FAQ 3.</STRONG>Chat</DIV> <DIV style="DISPLAY: none" id=contentDivImg3><BR><A href="">Can anyone can chat from outside of time-to-chat.</A><BR><BR></DIV></FONT></FONT></TD></TR></TBODY></TABLE></DIV></DIV>

copy this where ever you want this to go!!

-->
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
thanks smithy. I probably won't do it right now, I have other things on my plate... like changing up my site... here... look at these pages if you would and give me your opinion..
Homepage - http://youcanneverbetoosmart.com
Browse Topics - http://youcanneverbetoosmart.com/brow...
Finished editing this article / humanities - http://youcanneverbetoosmart.com/huma...
New feature (dispute, discuss, add to, cite information) available on some pages already... just below the table of contents -- here's one.... http://youcanneverbetoosmart.com/aero...

I wish I had some help with my site! In the physical sense, not the knowledge sense I'm gladly getting from this forum.
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
My theory is that the nicer my site looks the more repeat visitors I'll have because they'll "enjoy" using my site.

For example, whenever I use Wikipedia (research papers, to learn something, whatever the reason) I don't ENJOY using the site, I use it because I need the information. But why not make it enjoyable at the same time? And yet, provide a printer friendly version (available on some of my pages) to make printing easier.