I want to create guides on my website. Instead of making it a sloppy mess with all the areas showing at one time. How do you create a hotlink that you click on and it shows/hides the information.

 

 

 

 

 

 

 

Example: lets say I clicked on guide 1 (example 1). If I clicked on it again (example 2).

 

 

 

 

 

 

 

ex. 1

 

 

 

Guide 1

 

 

 

All my text and information.

 

 

 

Guide 2

 

 

 

Guide 3

 

 

 

 

 

 

 

ex.2

 

 

 

Guide 1

 

 

 

Guide 2

 

 

 

Guide 3

 

 

 

 

 

 

 

Kind of like how they do it for the quests on tip.it

 

 

 

I just want to have 1 box if possible to show/hide.

• 
  
  
  
  
• What is Lactic acid bacteria?
  
  
  
  
• show
  
  
  
  
• what is in div 2
  
  
  
  
• show
  
  
  
  
• what is in div 3
  
  
  
  
• show
  
  
  
  
• what is in div 4
  
  
  
  
• show
  
  
  
  
• What is Lorem ipsum?
  
  
  
  
• show
  
  
  
  

Refers to a large group of beneficial bacteria that have similar properties and all produce



lactic acid as an end product of the fermentation process. They are widespread in nature



and are also found in our digestive systems. Although they are best known for their role in



the preparation of fermented dairy products, they are also used for pickling of vegetables,



baking, winemaking, curing fish, meats and sausages.

This is div two

This is div three

This is div four

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras volutpat, purus ac



pellentesque adipiscing, mauris ligula convallis metus, vitae scelerisque nibh



orci quis mi. *** sociis natoque penatibus et magnis dis parturient montes,



nascetur ridiculus mus. Curabitur porttitor aliquam libero. Quisque molestie ornare



sem. Nam euismod sem lacinia ipsum. In pharetra metus ut dolor cursus aliquam.



Maecenas eu ante quis enim tincidunt laoreet. Pellentesque varius nunc in ipsum



pulvinar sollicitudin. Nunc et mi. Donec auctor dignissim orci. Aliquam sed magna.



Pellentesque in dui. In eget elit. Praesent eu lorem.

Cras cursus varius pede. Cras dolor lorem, convallis sed, venenatis ac, aliquam vitae,



orci. Duis diam massa, adipiscing quis, aliquam eget, ornare eu, lectus. Sed rutrum



augue non purus. Integer vel mauris. Nam suscipit molestie lectus. Fusce laoreet



interdum eros. Pellentesque sit amet enim id nunc adipiscing ultricies. Quisque



lobortis eleifend elit. Sed eu augue sed felis vulputate iaculis. Cras lorem felis,



lobortis id, accumsan vel, facilisis quis, dolor. Curabitur aliquet. Nulla facilisi.



Proin nunc velit, posuere sit amet, porttitor et, volutpat a, massa. Maecenas elementum



volutpat justo. Pellentesque magna neque, dictum id, rhoncus a, fringilla et, nulla.



Phasellus placerat gravida purus. Pellentesque odio. Sed volutpat vehicula nulla. Quisque



metus urna, semper eget, aliquam ac, feugiat nec, massa.

Simpler example:

 

 

 

Show / Hide







Blah blah blah blah blah blah

Where do I put my guide on that? I'm assuming I put it between one of the parenthesies?

 

 

 

NVM lol it's obvious.

I have new problems currently.

 

 

 

I try changing the color manually. This is definitly wrong. I must go in through the HTML and do it all by hand.

 

 

 

How would I go about doing this without screwing this up? My page is black, I want to change it to red text and a blue show/hide button.

 

 

 

Also when I space the information it won't come up at all. Do I need to go into each paragraph and actually put in the correct terms? I think I had to do this before for somthing else.

 

 

 

Any ideas?

 

 

 

Heres what my html looks like. It does it fine on my website editor, but once I upload it and try it on my legit site it doesn't work.

 

 

 

Show / Hide

 

FARMING Time: 5-10 minutes assuming you can teleport and are following my guide.

 

 

 

 

 

There are many good ways to make money farming herbs. It all depends on your farming level.

 

 

 

 

 

There are three herbs you should focus on Toadflax, Rannar, and Snapdragon. Each one has a different risk, price, and level to use. Before we get started I will explain the three different herbs and why you should or shouldn't use them.

 

 

 

 

 

Rannar is your lowest herb of all 3 herbs. It only requires level 32 farming. It would definitly not be one I would recommend of the three unless your under 38. It is a high risk for losing money and it's the second most expensive of all the three herbs. It doesn't produce as much of a profit in my opinion.

 

 

 

 

 

Toadflax is very cheap and requires level 38 Farming. This is your best bet if you want lower risk. You are almost garenteed to never lose any money on toadflax.

 

 

 

 

 

Snapdragon has the highest risk, profit, and level. It requires level 62 farming to get started. The risk and profit are very high. In my opinion though it's the money making herb. I have had huge success with this herb and have made millions.

 

 

 

 

 

There are five herb patches around Runescape. They are not very close to each other.

 

 

 

 

 

The farming guide is currently under construction. This guide should be done within the week. Estimated finishing of the guide November 5th. Welcome to the guide section.

I figured out the line break problem. I need to use the

things. I will look them up for when I am doing it so I do it correctly.

 

 

 

How do you add the color though?

Alright, I figured it out. There are a few changes you need, one small one to the HTML document. You do need a css page though. Open up Notepad (or Notepad++, or HTML-Kit, both of which are great for dev), and save a document as "style.css" without the quotes. Save it in the same folder as your web page. If you have one for this page, add the code to it.

 

 

 

[hide=HTML Edit]

Your title here

 

You only need to add the part to it, I just included the other parts so you knew where to put it.[/hide]

 

 

 

[hide=CSS]

body{

background-color: red;

}



a{

color: rgb(0,0,255);

}

[/hide]

 

 

 

That code will make your background red, and all your links blue. If you don't want all the links to be blue on that page, then I can add a work-around, but I just put up a quick example. You can edit the link color to your choosing, I set it to pure blue.

I want to change the text color to red, not the background. I just want the show/hide links to show up blue.

 

 

 

How do I put this all together?

Alright, I have a download for you that has what you need. I'm still trying to figure out the div tags to get the show/hide thing to work though. I think you may have to change it manually, but since you use the same call every time, it shouldn't be that hard.

 

 

 

Link to Download. Just unzip it and go, it should be rather self-explanatory.

 

 

 

I'm working on something else too, so I may edit this or make a new post.

Thanks, but I can't do winzip files. My thing is currently cancelled. Let me see if I can download somthing else.

http://www.rarlab.com/download.htm - Winrar, it's what I use. You can try 7-zip..

 

 

 

I have a question though - why are your links not blue? Default link color is blue, and the show/hide thing is a link..

http://www.rarlab.com/download.htm - Winrar, it's what I use. You can try 7-zip..

 

 

 

I have a question though - why are your links not blue? Default link color is blue, and the show/hide thing is a link..

 

 

 

 

 

I don't know how to do that. I'm using website tonight editor from go daddy. I'm only at a very basic stage of knowing html.

 

 

 

Ill try downloading that link though thanks.

 

 

 

I might have to just end up paying for it. Someone who will do custom html.

 

 

 

JW, I only have 5 pages max with my website tonight editor. Is there a better way of doing this to save room?

I don't know if I'm remembering right, but my teacher (who teaches web design) says he hates go daddy. Says the service sucks, but I can verify tomorrow.

 

 

 

I have the new link - Working one (also a zip file). I had to add a class declaration to the link.

 

 

 

If you send me the code for your guide page, I can add the functions to it and comment it out for you. Just post it in a hide tag, or upload it in a zip file to mediafire.com.

 

 

 

I can help explain some parts of the code if you send the files to me. I can have it back either later tonight or tomorrow afternoon, since I have some projects to finish up here.

 

 

 

I've been meaning to practice my HTML, and I have quite a bit of free time this weekend. If you want to make the content, I would do the coders part. I'm not a complete novice at it, but I'm nowhere near an expert. I have a good hold on html and CSS though, and I can understand a lot of JS too.

 

function showhide(id) {

 

if(document.getElementById(id).style.display == 'none') {

 

document.getElementById(id).style.display = 'block';

 

}

 

else {

 

document.getElementById(id).style.display = 'none'

 

}

 

}

 

 

Show / Hide

 

 

Blah blah blah blah blah blah

 

 

 

 

/*sets link colors to blue*/

 

 

 

a{

 

color: rgb(0,0,255);

 

}

 

 

 

/*sets text color to red*/

 

 

 

body{

 

color: rgb(255,0,0);

 

}

 

 

 

Can I do it this way by just combining those and thats all I will need to do it correctly?

 

 

 

Also when you ask your teacher. Ask him of a good internet service. I don't want to restart mysite and take forever, but i'd like to know.

Glad you didn't post before I got back. I'd feel like an idiot. My pop up blocked was blocking the show/hide thing so it wasn't working correctly.

 

 

 

I just opened it with notepad. I understand what it looks like now. Thank you, also one last part I think is needed. Do I just use the

to create spaces?

Show / Hide

Blah blah blah blah blah blah

It still won't work.

 

 

 

I am using a black background.

 

 

 

The button seems to be disabled to. It doesn't work when I upload it on my site.

 

 

 

All it says is hide/show on a black screen and the text is still black. Is this all html or do I have to change it. It only allows html.

Send me the code you are trying to use. All of it. I'll try it out here and see if I can find out what's wrong.

 

 

 

 

function showhide(id) {

 

if(document.getElementById(id).style.display == 'none') {

 

document.getElementById(id).style.display = 'block';

 

}

 

else {

 

document.getElementById(id).style.display = 'none'

 

}

 

}

 

 

Show / Hide

 

 

Blah blah blah blah blah blah

 

 

 

 

Alright, you may want to put that code in hide tags (...lol) - the [hide][/hide] ones, so it doesn't stretch out this forum's page.

 

 

 

But, there's one major problem I saw with the code - it only allows for one thing to be hidden. It's not you, it's probably something Errdoth did, maybe thinking you only wanted one hide box..Unless I'm interpreting the code wrong, but that seems to be the problem.

 

 

 

As far as the color problem, I would need a copy of the css files too. Without those, I can't help with the color problem. If you need the text to change color, you would have to add to the css at the top of the page. The code would be:

 

 

 

html{

color: red;

}

 

 

 

I don't know if I can help, since I haven't used GoDaddy, and I don't know how they get the files for the html. I could try to work on it tomorrow for you if you want. Are you using a free version? If so, you're probably screwed. Free hosting usually sucks, and they don't allow you full control of how your site looks. If you want a better choice, pay for a host. You can get them for like $5 USD per month. Just ask visitors for donations or something to keep the site alive. $5 isn't a lot, just a bit less than a RS membership.

 

 

 

If you could tell me if they allow you to upload your own files, that would be great, because I can work with that. If you can't use CSS, or link to external sheets, then we have a problem.

 

 

 

I would advise you wait for Errdoth to roll on by again. Maybe send him a PM? In the meantime, go to W3Schools. It's a great website for beginners to web design, and even experienced people will go and looking at their references.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

• Home Page
• Events
• Runescape Guides
• Community

 

 

 

 

 

 

 

 

 

 

Runescape Guides

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Show / Hide

 

Blah blah blah blah blah blah

 

 

Show / Hide

 

FARMING Time: 5-10 minutes assuming you can teleport and are following my guide. There are many good ways to make money farming. It all depends on your farming level. There are three herbs you should focus on Toadflax, Rannar, and Snapdragon. Each one has a different risk, price, and level to use. Before we get started I will explain the three different herbs and why you should or shouldn't use them. Rannar is your lowest herb of all 3 herbs. It only requires level 32 farming. It would definitly not be one I would recommend of the three unless your under 38. It is a high risk for losing money and it's the second most expensive of all the three herbs. It doesn't produce as much of a profit in my opinion. Toadflax is very cheap and requires level 38 Farming. This is your best bet if you want lower risk. You are almost garenteed to never lose any money on toadflax. Snapdragon has the highest risk, profit, and level. It requires level 62 farming to get started. The risk and profit are very high. In my opinion though it's the money making herb. I have had huge success with this herb and have made millions. There are five herb patches around Runescape. They are not very close to each other. The farming guide is currently under construction. This guide should be done within the week. Estimated finishing of the guide November 5th. Welcome to the guide section. These are all my money making guides.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Copyright . Erick Wickstrom. All rights reserved.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Go Daddy

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

• Home Page
• Events
• Runescape Guides
• Community

 

 

 

 

 

 

 

 

 

 

Runescape Guides

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Show / Hide

 

Blah blah blah blah blah blah

 

 

Show / Hide

 

FARMING Time: 5-10 minutes assuming you can teleport and are following my guide. There are many good ways to make money farming. It all depends on your farming level. There are three herbs you should focus on Toadflax, Rannar, and Snapdragon. Each one has a different risk, price, and level to use. Before we get started I will explain the three different herbs and why you should or shouldn't use them. Rannar is your lowest herb of all 3 herbs. It only requires level 32 farming. It would definitly not be one I would recommend of the three unless your under 38. It is a high risk for losing money and it's the second most expensive of all the three herbs. It doesn't produce as much of a profit in my opinion. Toadflax is very cheap and requires level 38 Farming. This is your best bet if you want lower risk. You are almost garenteed to never lose any money on toadflax. Snapdragon has the highest risk, profit, and level. It requires level 62 farming to get started. The risk and profit are very high. In my opinion though it's the money making herb. I have had huge success with this herb and have made millions. There are five herb patches around Runescape. They are not very close to each other. The farming guide is currently under construction. This guide should be done within the week. Estimated finishing of the guide November 5th. Welcome to the guide section. These are all my money making guides.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Copyright . Erick Wickstrom. All rights reserved.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Go Daddy

 

 

 

 

 

 

nice, how do I put this on my site? I tried copying and pasting in the box, but it doesn't work out correctly. Is this not possible because i'm using an editor?

 

I'm just going to say yes, but I'm not really sure what you're talking about. What is the html code that's currently in the editor?

nothing currently.

 

 

 

Are there any other ways to save room on my site? so it's easier to navigate one page? Remember I can only max 5 pages.

 

 

 

Only reason I want to do this is so they don't have to scroll down forever to find a good guide.

Alright, Errdoth, I actually figured that out about 5 minutes ago, before I read this. Glad you stopped by.

 

 

 

My experience with JS is limited. I've actually never written it, and that's the first time I've studied it. The only reason I got some of it was because I can read Java code (and my experience in that is rather limited as well). Sorry for my misinterpretation, and that I couldn't get here sooner with the fix.

 

 

 

USMC - get a paid host. You will be allowed so much more freedom. More pages, more bandwidth, better service, and the ability to have more custom code. It's worth the small price you'll have to pay.

 

 

 

If you want to have links to guides, for easier navagation within the same page, you would have to make an anchor at that part of the page. So, if you wanted to have a paragraph on Cookies, you would do this:

 

Paragraph on cookies.

 

 

 

Then, to link to that paragraph, you would go where you want the link to be, and do something like this:

 

 

 

Click Here To Read About Cookies!

 

 

 

If you have any questions, I could throw together a quick example document for you.