Alright, I figured this out. I just bound a 'mousedown' event to the
main 'document'. It then calls the 'checkMouse' function:

$(document).bind('mousedown', checkMouse);

var checkMouse = function(element)
{
        var element = $(element.target)[0];
        var observe = $('#form-drawer')[0];

        while(true)
        {
                if(element == observe)
                {
                        return true;
                }
                else if(element == document)
                {
                        return closeEnterCallForm();
                }
                else
                {
                        element = $(element).parent()[0];
                }
        }

        return true;
};


On Sep 26, 11:35 am, "[EMAIL PROTECTED]"
<[EMAIL PROTECTED]> wrote:
> Alright, here's the deal. When a user clicks on a button, a form drops
> out that sits above the page's content. How would I close this form if
> the user decides to click else where?

Reply via email to