Bit of an issue hiding a image that was shown if the user hits back

[ident]

what are the solutions for this. My problem is i have a picture displayed "uploading....." when a user clicks upload

 

                               <div id = "mydiv" style="display:none">
                 <br /><center>  <img src="uploading.png" /></center>
                                      </div>

and this is called on click

function showImage() {
document.getElementById("mydiv").style.display="block";
}

 

but if a user clicks back the image is stil there.

 

what work arounds r there for this?

[Farmgirl]

Should the style in your HTML not say display:hidden

[gevans]

but if a user clicks back the image is stil there.

 

what work arounds r there for this?

 

Run a function on page load that hides the image. That was it will always be hidden when the page first loads.

 

 

Should the style in your HTML not say display:hidden

 

No,

 

.some-class {
display: none;
visibility: hidden;
}

[ident]

back button does not call page load. The page is not loading. the page is cached.

[haku]

If you are on an apache server, you can set that page to not cache in your .htaccess file.

[ident]

Hi, i found this code

 

<?php
header('Cache-Control: no-cache, no-store, max-age=0, must-revalidate');
header('Expires: Mon, 12 Jul 1996 04:11:00 GMT'); //Any date passed.
header('Pragma: no-cache');
?>

 

is there any way to send it other then the header? as keep getting warning header already sent

[haku]

Only in the header. You need to restructure your page so that that code is added earlier in your script, before any output has been sent to the browser.