I usually create a transparent overlay over the page to prevent additional actions. Usually a div with position:fixed does the job.
var showOverlay = function() { var overlay = $('<div></div>'); overlay.addClass('overlay'); overlay.css({ position: 'fixed', top: 0, bottom: 0, left: 0, right: 0, background: '#fff', opacity: 0.01 }); $(document.body).append(overlay); }; var hideOverlay = function() { $('div.overlay').remove(); }; On 4/18/09, Dragon-Fly999 <dragon-fly...@hotmail.com> wrote: > > Hi, I'm trying to find out how to temporarily ignore user input while > a search is in progress. The following is the desired behavior. > > (1) User enters some information (e.g. name and age). > (2) User clicks on the search button. > (3) $.post() to execute a search in the background. > (4) Show a "search in progress" image in the search area. > (5) Ignore any user input while the search is in progress. > (6) When the search is done, hide the "search in progress" image and > process user input again. > > I'd like to find out how to do step (5) above. Is there anything in > JQuery that I can use? Thank you. -- -Hector