The jQuery Dialog provides an overlay to block interactions with the
underlying page while a modal dialog is open. This is really useful,
but I'd like to use the overlay functionality without having to open a
dialog.
For example, I have built a CMS that allows live editing of the page
content. When editing of the page is invoked, the main content of the
page (the editable area) is overlaid with a TinyMCE editor sized to
exactly cover the page content. This works well, but there is a
problem in that the navigation in the sidebar is still clickable,
causing the user to jump off the page he is editing.
I'd like to be able to create a UI Dialog style overlay and have the
TinyMCE instance over on top of that, so that users can't interact
with links while editing. Of course there are other overlay plogins
available, but as I'm already using UI on the page I think seperating
the overlay code out of the UI Dialog widget and making it a
standalone widget in its own right would be very helpful. I'm sure
I'm not the only guy who wants to use overlays without dialogs :)