How can I display a loading page in an Ajax Event?

[newbangel]

Hi everyone,

I'm using Richfaces 4.0. At the moment I have a form with several fields and some ajax functionality. I'd like to display a modal panel with a loading message or to disable the screen while any ajax call is executed but I'm unable to do it. In the following code:

<h:inputText value="#{form.name}" id="input" maxlength="50">
<f:validateLength minimum="0" maximum="50" />
<a4j:ajax listener="#{customerAction.nameChanged}" render="customerInfo"
            onsubmit="disableScreen()"
            execute="@this" event="change" oncomplete="enableScreen();">
</a4j:ajax>

The oncomplete event is executed after the ajax response is received, but the onsubmit doesn't work. I have tried with many different alternatives, like using an onbegin function or using an status with a popupPanel. Unfortunately, none of the solutions works to me in Richfaces 4.0.

Any suggestion?

Thanks!

[newbangel]

  The status didn't work to me. I tried all the different examples that can be found in http://richfaces-showcase.appspot.com/richfaces/component-sample.jsf?demo=status&skin=ruby but none of them worked to me.

   At the end I had to use jQuery to add an onChange event to the inputs and several calls to javascript functions. On the other hand, after the first onchange event activated the onchange event wasn't working so I had to set the onChange event again after each ajax call.

$(document).ready(function() {

     $(':text').change(function() {

         disableScreen();

     });

});