On May 12, 4:06 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> > I am facing a very weird problem in IE 6.0 as the $.unblockUI()
> > function is NOT removing the created page block. I have searched for
> > solution but have not find any good solution.
>
> > Can anyone help me in this and suggest me something .. any clue .. any
> > hint????? Why $.unblockUI() is not working in Internet Explorer 6.0+
>
> What version of blockUI are you using? Can you post a link to the page?
I am using blockUI's Version 2.04 (04/30/2008).
I am using 3-4 jquery plugins into one application. I am having a
login form which I am submitting using jquery form ajax. I am handling
server errors in ajax error callback function and displaing the errors
in jquery's facebox. Now I don't want the User to interact with the
window elements when there is any error i.e. jquery's facebox is
open. So I have added a $.blockUI(); in the same error handler
function. Here I would like to tell one more thing i.e. I am also
using "Element" blocking feature of blockUI plugin and I am showing
the "Processing .." bar in the login form are when the User click on
submit. Unblocking of Element blocking is working fine in all the
browsers i.e. the statement : $("div#login
div.container_box").unblock(); is working fine in all the browsers.
NOTE (FYI): To overlay facebox above blockUI I have increased the "z-
index" of the facebox to 1500.
Here I also want to unblock the window when the user click on the
"Close" image of the facebox (close the facebox). So in the facebox's
close handler I have added $.unblockUI(); but this function is not
unblocking the window in Internet Explorer.
I am sorry I don't have this code on any LIVE server. But I am
mentioning the sample code below. Let me know if there is any
confusion.
======= CODE
=========================================================================
// post-submit error - callback
function showLoginErrResponse(responseText, statusText)
{
$("div#login div.container_box").unblock(); // working fine in
all browsers
$.facebox('<h1 style="background-color:#FF0000; color:#fff; height:
40px; width:600px; margin:0px; padding:18px 5px 0px 5px">Oops!
Something went wrong!</h1>'+ responseText.responseText);
$.blockUI({message:null}); // message is null as I only want the
white background / overlay
}
Code in facebox plugin's file ...
$.facebox.close = function() {
$.unblockUI();
$("div").remove(".blockUI");
$(document).unbind('keydown.facebox')
$('#facebox').fadeOut(function() {
$('#facebox .content').removeClass().addClass('content')
});
return false;
}
Let me know if anything else from my end is required.
Thanks
Ashvin
