How to darken a DIV environment using jQuery (lightbox, but without popups)?

Question

I want the user to focus on a part of the screen at a given time. The idea is to completely delete everything on the web page, but the required DIV, so the user will be asked to work in this area.

The effect I was looking for looks like a lot of lightboxes, except that there are no pop-ups and the content does not load, the only change is the look and feel (and the response to the click, of course).

I thought that the built-in lightboxes would be anwser, but it is not.

I work with jQuery, although any solution is appreciated, plugins, manually created fragments, hugs, goat victims, no matter what ...

Answer 1

How lucky I came across this the other day:

http://flowplayer.org/tools/demos/toolbox/expose/index.html

It seems that this may be the effect that you are after.

Answer 2

Take a look at Export jQuery Tools

Answer 3

The above links are now broken, here is new if anyone finds this: http://jquerytools.org/documentation/toolbox/expose.html

Answer 4

If you want the interaction with the rest of the page to be blocked, check out the blockUI plugin .