Found my own answer for anyone who is interested...
Changed overlayCSS to:
overlayCSS: {
backgroundColor: '#000',
opacity: 0.0,
cursor: 'not-allowed'
}
Now 'not-allowed' cursor style displays in all browsers as the ONLY
visual clue to inputs being protected (not allowing data entry,
events, etc.).
On Aug 2, 9:39 am, Marv <mcslay...@gmail.com> wrote:
> I have a DIV blocked from data entry in IE, Firefox, Safari and Opera.
> Functionally all is okay -- super plugin!!!
>
> The only problem left is that the cursor does not change to 'not-
> allowed' on the overlay when I use IE 6,7 or 8. All other browsers
> render the cursor okay???
>
> Here's the code:
>
> $().ready(function() {
> Protect('#divData');
> $('#cbProtected').bind('click', function(e, ui) {
> if ($(this).is(':checked'))
> Protect('#divData');
> else
> Unprotect('#divData');
> });
> });
> function Protect(el) {
> $(el).block({
> message: null,
> overlayCSS: {
> backgroundColor: null,
> opacity: 1.0,
> cursor: 'not-allowed'
> }
> });
> };
> function Unprotect(el) {
> $(el).unblock();
> };
