How to clear grey loading screen and animated gif (Dynamic Action with "Show Processing" on submit)

Question

APEX V4.2.3
DB 11.2
I have a classic report on page 1.  I have a region button called "Export" (defined by a submit dynamic action with "show processing=Yes") that submits the page and then via a branch directs me to page 2 which has a slightly different version of the report on page 1 (i.e. no breaks) which I want to capture as a CSV export.  Therefore I've set the report template on page 2 to " Export:CSV".
Now when I click on the page 1 export button the grey screen and loading gif appears indicating that the report is executing and then as expected, page 2 doesn't appear but instead the standard open/save window's dialog box appears asking to open or save the generated CSV file.  All good..but the grey loading screen remains.  How do I clear this loading screen and get back to the context of page 1 ?
thanks in advance
PaulP

Answer 1

Hi PPlatt,
We would love to help but you left out one crucial part of the puzzle: namely how does your CSV report get exported. With the way it is setup (a redirect to another page), I'm going to assume you do that because you have some PL/SQL on that page that prints the CSV.
Now there are two questions that are crucial here:
- How do we stop the icon from bugging us on the screen
- How do we communicate with the browser that it should no longer display the loading icon
The first question is rather easy, two simply lines of codes can do that:
$('#apex_wait_popup').hide();
$('#apex_wait_overlay').hide();
But when do we use this code? Quite simple when the document is downloaded. When is it downloaded? At the end of the PL/SQL code that prints the document to the browser.
What you could do is at the end of that code give an application item a certain value. For example :AI_PRINTED := 'Y';
Then all you need to do is let the browser ask for the value. You could do this by using JavaScript to continuously fire AJAX to the server using a JS timing event:
http://www.w3schools.com/js/js_timing.asp
Better would be a Server send event, but since you left out another crucial piece of information: your browser, I will not go deeper into this.
Start this timing event when someone asks for the document, and end it as soon as the process returns that :AI_PRINTED equals 'Y'.
Despite the lack of information, I hope I have given, or at least inspired you to get to the solution.
Regards,
Joni