Exposing a form
This is a great user interface technique to highlight important parts of the page while the user is doing something. Start using the following form and you can see the exposing effect.
Again, the exposing disappears when you click somewhere outside the form or press the ESC button. I personally haven't seen this kind of technique anywhere else before. So, I guess I'll get the credit for this and from now on this has to be called "exposing a form".
This time we use a PNG image as the mask's background. It allows us to change the background color and everything still works. Here we use the color #678 and the background is positioned so that the form will be centered inside the white "halo".
We use a normal form with labels and input fields. The tableless layout and visualization is done purely with CSS as you can see from the standalone page's source code.
Here we expose our form when it is clicked. We use a customized background color for the "mask" and you can see two callback functions in action. Those functions change the background color of the form.