[jQuery] blocking/skinning div cotents
Hello All,
First of all, as a new jQuery lister, I'd like to thank you all for such
a great community project resulting in a fantastic js toolset. I love
great community driven projects (they make me feel all warm and fuzzy
inside :) ).
Anyway, after a long search with no answer, I have question for you.
Scenario:
- Multiple portlets (jsr-168) on a page, each being a disparate
application.
- Most operating as ajax clients
- Some possibly designed as semi-real-time/server synchronized
applications (which means they have an internal clock which is kept in
sync with the server so that the events of many clients are performed
within a synchronous envelop, this is to account for network latencies
and such). Hope that's clear enough.
Furthermore, some operations in the UI may take considerable time to
execute (sorts, filters, ajax calls, etc...).
The Problem:
- I need a solution to "block/blur" specific areas of the page, a whole
portlet maybe, or maybe even a portion of a portlet, without blocking
other applications or areas of the page.
For example, if I had a div#divA which contains "whatever" dynamic
content, maybe a form, maybe some clickables, sortables, etc.. but I
want one of these time consuming operations to "block/blur" only this
one div#divA using a translucent onion skin, when the event is executing
and "unblock/unblur" on completion.
It would be virtually the same as say the blockUI plugin, but for a
specific div.
Do you think this is doable? I've been trying for a couple of days, just
with standard js/css and can't get it right in both FF and IE, it seems
to be either/or...
Note that the scrollable div in IE seems to often defeat the overlays
I've tried, once the scroll bar appears...
Ideas?
Thanks,
--
Raymond Auge <rauge@liferay.com>
Software Engineer
Liferay, Inc.
Enterprise. Open Source. For Life.
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/