Question

I’m in the middle of a reporting tool for my client which basically rebuilds reports on the fly if they are X days old.

The issue is that the reports are rebuilt with PHP, and some of them can be pretty big, meaning 20-40 second loading times.

At the moment, it just hangs the page while it performs the query.

What I’m wanting to do however is have some sort of jquery loading overlay placed into the page before the query starts, and then when the query finishes, redirect to another page (where the results will be shown).

Am I right in thinking that as long as I load the html into the page BEFORE running the query, the loading screen should display, and then once the query is finished, I can place another bit of HTML to do a meta refresh to another page (obviously a header redirect is out of the question as the headers would have already been sent).

If this is correct, could anyone recommend any half-decent jquery based loading plugins?

Many thanks

Answer 1

Not that sure, what you mean by writing

Am I right in thinking that as long as I load the html into the page BEFORE running the query, the loading screen should display, and then once the query is finished, I can place another bit of HTML to do a meta refresh to another page (obviously a header redirect is out of the question as the headers would have already been sent).

But let me tell you, what we have done earlier:

By clicking on the export-Button of a time-taking XLS-Export a modal overlay showed up and the request for the export was sent. From that moment on, JS was constantly looking for a cookie with a specific name. On the server side the export was generated and after finishing a cookie was sent along with the XLS data. JS recognized the sent cookie and hid the overlay.

Hope this helps.