jquery Ui-dialog and ie8

Question

i'm using a jquery dialog to open a sign in form. it works fine on ff,chrome and even Ie6,7 but it's not working on ie8.

this is my function:

function showSignInDialog() {
   var email = GetEmailFromCookie();
   if (!IsNullOrUndefined(email)) {
   $("input[name$='LoginEmail']").val(email);
   $("#chkRememberMe").attr("checked", "checked");
   }
   if (!$('#signInForm').dialog('isOpen')) {
   $('#signInForm').dialog({ bgiframe: true,
                             modal: true,
                             resizable: false,
                             width: 330,
                             title: 'EZtrader Login',
                             buttons: { "Login": doLogin }
                           });
    $('#signInForm').dialog('open');
  }
}

on ie8 i get a unresponsive script which means there is an infinite loop of some sort. i tried debugging it and the loop occurs in the jquery-ui js file when i try to open the dialog. i thought maybe it had something to do with "HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)" which i read about here: http://blogs.msdn.com/ie/archive/2008/04/23/what-happened-to-operation-aborted.aspx

and tried to move the script block and the dialog box around in the page but nothing seem to work. please help...

(comment from @redsquare) : Can you paste all the code, especially the doLogin function specified in the buttons option. Also can you explain where the problem is. Is it after clicking the buttons inside the dialog or is it that the dialog does not even show? — Anwar Chandra
– Anwar Chandra, Commented Aug 9, 2009 at 11:28
dialog's open on creation unless specified otherwise with the autoOpen option. I wonder if IE is puking because you're opening it twice, once by declaring it, and then with dialog('open'); — jfsk3
– jfsk3, Commented Aug 9, 2009 at 12:44
nope it's not because of the extra dialog open although it is pretty useless. but when i change the modal to false it's seems to be working so i guess it has to do with the overlay... — Nir
– Nir, Commented Aug 9, 2009 at 13:23

jvschmitt · Accepted Answer · 2010-07-16 23:24:22Z

1

This seems to be it: http://dev.jqueryui.com/ticket/4758

IE8's not handling the window.resize function correctly. You'll need to adjust your local version of jquery-ui from what I can tell.

answered Jul 16, 2010 at 23:24

jvschmitt

615 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Richard B · Accepted Answer · 2011-06-23 02:56:50Z

0

Running into the exact same set of issues. To get rid of the first issue,the "unable to modify..." error, set your script tag to be deferred=deferred.

The second issue has to do with ie8's JavaScript parser from what I can find out. There appears to be no answer, although I hadn't thought about an iframe, which if that would solve the issue, bonus!!!!

answered Jun 23, 2011 at 2:56

Richard B

1,5811 gold badge15 silver badges31 bronze badges

Comments

alestanis · Accepted Answer · 2012-11-11 11:00:21Z

0

Autocomplete must be used only on document.ready. Please move autocomplete init code into $(document).ready(function(){ [place here] }) block and all will work fine.

edited Nov 11, 2012 at 11:00

alestanis

22k4 gold badges50 silver badges67 bronze badges

answered Sep 21, 2011 at 13:05

Andrey Lastochkin

11 bronze badge

Collectives™ on Stack Overflow

jquery Ui-dialog and ie8

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related