Wait While Processing - Javascript?

Question

Hello
I have two applications which take a while to processes.
I would like to display a mesaage asking the user to wait while processing is been completed ... also stop them from entering "send" twice
I expect a solution I looking for is a Javascript?
Any help is very welcome
Thank you
Pete

Answer 1

Hi Pete,
If you are using an Ajax call to start your processes, you can use: "GetAsync". It is a function of an ajax request object.
1. Create a div which containts your waiting logo or text (put it in the page footer or something like that)
<div id="AjaxLoading" style="display:none;padding:5px;font-size:18px;width:200px;text-align:center;left:48%;top:48%;position:absolute;border:5px solid #2A689F;background-color:#FFF;">..Loading..<br /><img src="#WORKSPACE_IMAGES#ajax-loader.gif" /></div>  2. Create a javascript function that triggers the div while loading, and disables your button while loading
function f_AsyncReturn(){ 
         if(p.readyState == 1){                      
                     html_ShowElement('AjaxLoading');
                     $x('P1_YOUR_SAVE_BUTTON').disabled = true;
         }else if(p.readyState == 2){ 
         }else if(p.readyState == 3){ 
         }else if(p.readyState == 4){ 
                     html_HideElement('AjaxLoading');
                     $x('P1_YOUR_SAVE_BUTTON').disabled = false; 
         }else{return false;} 
} 3. Create/Edit your ajaxRequest with the following (where **Your_app_process** is your application process that triggers or executes your long process)
var ajaxRequest = new htmldb_Get(null,&APP_ID.,'APPLICATION_PROCESS=**Your_app_process**',null);
ajaxRequest.GetAsync(f_AsyncReturn);Note that this sollution requires an ajax call to work. To make a progress bar with simple page processes (that trigger long processes), you'll need to go the "old fashion way".
This mean you need to return values while executing the process, and catch them in the calling process. Then make sure you use these values to fill in a progress bar or something.
Personally I'd go for a application process that executes your long process(es) and use the aSync method. It looks really clean and web 2.0.
*Edit: I used this method in my Drag and Drop planboard: http://apex.oracle.com/pls/otn/f?p=52879:1
If you drag an order to a new field, and Save the record. You'll see a loading image (very briefly, because the process is quite short)
Hope this helps,
Rutger
Edited by: Rutger on Apr 16, 2009 5:44 AM