Hidden Text Displayed On Reload

Printable View

07-30-2009, 11:47 AM
AlvinSA

Hidden Text Displayed On Reload

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.
07-30-2009, 12:33 PM
TheBearMay

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>
07-30-2009, 12:56 PM
AlvinSA

You are an absolute STARR!!! Works perfectly.

Will the "?refresh=true" in the url not pose problems with SEO?
07-30-2009, 01:32 PM
AlvinSA

When the page reloads, is it possible for the form button to disappear?
07-30-2009, 02:52 PM
TheBearMay

Just give it an ID and set its display to none...
07-30-2009, 03:39 PM
AlvinSA

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>
07-31-2009, 01:15 PM
TheBearMay

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>
08-01-2009, 04:02 AM
AlvinSA

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