Note that there are some explanatory texts on larger screens.

plurals
  1. POPage Loading Query
    primarykey
    data
    text
    <p>is it possible to display an overlay before my php page does anything else, then continue loading the page.</p> <p>Once the page is fully loaded, then remove the overlay ?</p> <p>Ideally the overlay should have an icon and/or wording showing the page is loading.</p> <p>Everything I have tried doesn't seem to do anything !</p> <p>Thanks</p> <p><strong>EDIT:</strong></p> <p>This is basic version of what I'm trying to do..</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script src="jquery-1.8.0.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="jquery.blockUI.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { // Blocks as soon as possible $.blockUI({ message: $('#domMessage') }); // Wire up page load event $(window).load(function () { // Unblock when page is loaded $.unblockUI; }); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;?php $out = array(); exec ('ls -ls /* 2&gt;&amp;1', $out); echo "&lt;table&gt;"; foreach ($out as $line) { echo "&lt;tr&gt;&lt;td&gt;$line&lt;/td&gt;&lt;/tr&gt;"; } echo "&lt;/table&gt;"; ?&gt; &lt;input id="pageDemo1" class="demo" type="submit" value="Block Page With Message" /&gt; &lt;div id="domMessage" style="display:none;"&gt; &lt;h1&gt;We are processing your request. Please be patient.&lt;/h1&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>The page loads then shows the overlay message.</p> <p>How do I get it to show the message while loading ?</p> <p>Thanks</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload