Switching Content With A Click

[stereofreak69]

I need to be able to do almost exactly what D3xt3r's post describes, ut thats just one step not right. Let me explain:

D3xt3r's Does this:

Content hidden:

Content Visable (Via a click of a button or link):

Content hidden now shown

Heres what I need:

Content hidden:

To view this content, please click the "Show" button above

Content that was hidden is now replaced with this

Basically instead of showing nothing, it displays a message of my choice. Once clicked, that message is deleted and replaced with another message, which will consist of about a page of HTML

Thanks.

Stereofreak69

[mrtutorial]

Hmm not sure what your talking about but... you could like make a page in frontpage or dreamweaver that has a button(named Show) linked to the page you want to show...

so it goes like this

A user visits the webpage

The webpage has 1 button "Show"

When the user click the show button it directs the user to the content that the button "Show" is Showing

[stereofreak69]

I need it to be probebly JS, because then the page dosent have to reload.

Link to D3xt3r example: http://stereofreak69-other.110mb.com/showhide.php

But instead of it being blank before you click it, theres text. Then, when clicked, the text is replaced with other text.

A lot of texts lol

Stereofreak69

Edit: Stang45, that costs. Couldnt you of copy-pasted some code?

[mrtutorial]

ahh well sorry i could'nt help but that's as far as i know for now...

But I am still learning =P

OnTopic:
Yeah i think you should go with a java script that will allow you to what you are trying to do...

I though you were trying to display a show button that would direct the user to another part of your website.

[stang45]

Stereofreak69 see if this is what you want, it is JavaScript instead of PHP...
http://www.dynamicdrive.com/dynamicindex17/switchcontent.htm

The thing your looking for may also be classified as a

• Content Spinner
• Content Switcher
• Or maybe even a Content Hider

[general vegitable]

i reccomend Dhtml, its like javascript but with a few differences

[Joey van Hummel]

Code:

<script type="Text/JavaScript">
var x;
function showDiv(x) {
if (x==1) {
spoiler.style.display = "block";
nospoiler.style.display = "none";
}else{
spoiler.style.display = "none";
nospoiler.style.display = "block";
}
}
</script>
<div id="spoiler" style="display:none;">
<font color="black">
<button type="button" onclick="showDiv(0)";><font color="#000000" size="1"><b>Hide list</b></font></button><br>
Text that appears unhidden
</div>
<div id="nospoiler" style="display:block;">
<button type="button" onclick="showDiv(1)";><font color="#000000" size="1"><b>Show list</b></font></button><br>
Text That appears hidden.</div>

tested and working
http://t2b.110mb.com/hidebutton.php
example.