&quot;Please wait...loading data&quot;

"Please wait...loading data"

aaron_karp

So, I've got this nifty little page that spits out large amounts of data, for a reason - we're talking between 500 and 30,000 rows. All on one page. From a human factors standpoint, this sucks, but it makes sense in the context of the program.

The problem is, the query can often take 20, 30 seconds or more due to its size. So I would like to find a way to display something to the effect of "Please wait, loading..." -- could be replaced with an animation eventually, whatever. But, I want this message to disappear once all the data has been loaded.

It's going to take some combination of PHP and javascript, I assume. Does anyone have any suggestions? Has anyone done this before?

Thanks.

Ceril

I guess I've done it before. Something along thoose lines:

<?PHP
ob_start();
?>
<html>
<head>
<title>Loading Page</title>
</head>
<body>
<div id="1" style="display: block; position someplace in the middle maybe">
Please wait page is loading...
</div>
<?PHP
ob_end();
ob_clean(); //Dont use thoose often so look them up Now everything down to this position should be displayed.
?>
<div id="2" style="display: none;">
<?PHP
Print lots and lots of things.
?>
</div>
<script>
obj=document.getElementById["1"];
obj.style.display="none";
obj=document.getElementById["2"];
obj.style.display="block";
</script>

</body>
</html>

aaron_karp

Thanks Ceril.

I looked up the functions and gave it a whirl...ended up with some javascript errors.

I think I'm going to just settle for a static "Please be patient - this page may take a while to load" message at the top of the page.

Thanks though. And I learned a few new functions =)

zapa

enjoy,

http://javascript.internet.com/page-details/preload-page.html

<!-- THREE STEPS TO INSTALL PRELOAD PAGE:

Copy the coding into the HEAD of your HTML document
Add the onLoad event handler into the BODY tag
Put the last coding into the BODY of your HTML document -->

<HEAD>

</script>
</HEAD>

<table width=100%><tr><td>Page loading ... Please wait.</td></tr></table></div>

<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>