[jQuery] Re: Temporarily ignore user input

[Hector Virgen]

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