Disable form when loading in jQuery mobile

Question

I have a web site designed for mobile devices. I am making ajax calls using jQuery to populate drop-downs. I am using these additional calls/methods to show a 'busy' page:

beforeSend: function () { $.mobile.showPageLoadingMsg(); }, //Show spinner
complete: function () { $.mobile.hidePageLoadingMsg() }, //Hide spinner

This works fine, but I want to stop any more user actions on my form (button press, drop-down change, etc) while I am showing a 'busy' page.

Probably what I want is a modal call to this.

What is the accepted norm?

Answer 1

make div with z-index:999; width:100%;height:100%;postion:fixd;top:0;left:0 this will make any event on this div , you can add input text with postion:realtave; left:-5000px and make it focus for event keypress :)