Hidden Text Displayed On Reload

**AlvinSA** · 07-30-2009 11:47 AM

Hi Guys

I have the following code on my site, which hides text, and then displays the text when a button is clicked:

PHP Code:


<html>

<head>

<script type="text/javascript"> 

function A_onclick(div) { 

 var d = document.getElementById(div); 

 d.style.display = (d.style.display =="none")?'block':'none'; 

 return false; 

} 

</script>

</head>

<body>

<a href="#" onclick="return A_onclick('MyDiv');">

<form><input type="button" class="button" value="Show Contact Details >>>"></form></a>



<div id="MyDiv" style="display:none">

Hidden text to be displayed when button is clicked

</div>

</body>

</html>

What I'm looking for, is for the page to reload when the button is clicked, and the text to show when the page reloads.

Any help would be appreciated.

**TheBearMay** · 07-30-2009 12:33 PM

Without changing things around too much:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript">
function A_onclick(div) {
	var d = document.getElementById(div);
	d.style.display = (d.style.display =="none")?'block':'none';
	return false;
}

window.onload = function () {
	if(document.location.search == "?refresh=true") A_onclick('MyDiv');
}
</script>
</head>
<body>

<div>
	<input type="button" class="button" value="Show Contact Details >>>" onclick="document.location=document.location.pathname+'?refresh=true'">
</div>

<div id="MyDiv" style="display:none">
Hidden text to be displayed when button is clicked
</div>

</body>
</html>

**AlvinSA** · 07-30-2009 12:56 PM

You are an absolute STARR!!! Works perfectly.

Will the "?refresh=true" in the url not pose problems with SEO?

**AlvinSA** · 07-30-2009 01:32 PM

When the page reloads, is it possible for the form button to disappear?

**TheBearMay** · 07-30-2009 02:52 PM

Just give it an ID and set its display to none...

**AlvinSA** · 07-30-2009 03:39 PM

PHP Code:


Just give it an ID and set its display to none...

Please excuse my ignorance..... I'm new to these things. What would that look like? Here's the code I now have (your script):

PHP Code:


<head>
<script type="text/javascript"> 
function A_onclick(div) { 
 var d = document.getElementById(div); 
 d.style.display = (d.style.display =="none")?'block':'none'; 
 return false; 
}
window.onload = function () {
    if(document.location.search == "?refresh=true") A_onclick('MyDiv');
}
</script>
</head>

<body>
<div>
<input type="button" class="button" value="Show Contact Details >>>" onclick="document.location=document.location.pathname+'?refresh=true'">
</div>
<div id="MyDiv" style="display:none">
Text Text Text
</div>
</body>

**TheBearMay** · 07-31-2009 01:15 PM

PHP Code:


<head>
<script type="text/javascript">
function A_onclick(div) {
var d = document.getElementById(div);
d.style.display = (d.style.display =="none")?'block':'none';
return false;
}
window.onload = function () {
    if(document.location.search == "?refresh=true") {
        A_onclick('MyDiv');
        A_onclick('hideBtn');
    }
}
</script>
</head>

<body>
<div>
<input type="button" class="button" value="Show Contact Details >>>" onclick="document.location=document.location.pathname+'?refresh=true'" id="hideBtn">
</div>
<div id="MyDiv" style="display:none">
Text Text Text
</div>
</body>

**AlvinSA** · 08-01-2009 04:02 AM

I am eternally grateful to you. Your scripts works flawlessly. THANK YOU!

Thread: Hidden Text Displayed On Reload

Thread Tools

Display

Hidden Text Displayed On Reload

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions