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?
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 :)