Hi, I have a need to do what I'm kind of terming as reverse-blocking.  It's very similiar to what occurs when you open a modal dialog, except that I don't want to open a dialog but rather apply it to an element on the page such as a div.  I'm wondering if any plugins exist that can do this, or if I need to create something new.

 

To give a little more background, I have a page with several 'modules' on it that are basically div containers with a bunch of input controls within each one.  Each 'module' has the Save and Cancel buttons within it and the idea is that you can insert information independently within each module.

 

What I would like to do is that once someone starts entering text into a control within a module, I would block out the rest of the page except for that module's div.  So the user would be able to continue entering information into the controls within that module, but could not use the controls within a different module until they had either saved their information or cancelled their entry.  Again, very similiar to what you get with a modal dialog except that I want the dialog to be the div on the page and not something that would pop up.

 

I'm not looking for someone to solve the problem for me, just whether there is already anything out there that would do this easily.  I'm fairly new to jQuery and haven't attempted my own plugin yet, but if nothing already exists to do this I think it would make a good first effort.

 

Thanks

Scott LeWarne

scottlewarne@gmail.com