[jquery-ui] Dialog box does not show some fields in IE

[Nirapada]

Hi ALL,

I have written code to create dialog box and show some text and two
input boxes inside it. My code is working fine in Firefox. But, in IE
if I click on the "Login" link
dialog box appears but the text and two input boxes do not appear.

Here is my code :

This line creates the "Login" link:
-----------------------------------

$("#options").empty().append('<li><a id="loginModalDialog_options"
class="primaryNav" onclick="m.render.showLoginDialog();"
title="Login"><span id="loginModalDialog_login"  class="t">Login</
span></a></li>');

This method is getting called when I click on "Login" :
-------------------------------------------------------

showLoginDialog: function(link) {
                if (typeof(link) == 'undefined') {
                    $("#loginDialog").trigger("click", [""]);
                } else {
                    $("#loginDialog").trigger("click", [link]);
                }
            }

This code is for the popup box :
---------------------------------

<div id="loginDialog" title="Login Dialog" style="display:none;"></
div>
<script type="text/javascript">

$("#loginDialog").click(function(event, link) {
    var dialogContent = '<div class="right"><a class="button21
buttonGreyDarkIcon21sq buttonIcon21 unblockUI noProcess"
href="#"><span><div class="icon21 deleteIcon21">&nbsp;</div>Close</
span></a></div>';
    dialogContent = dialogContent + '<img src="/assets/images/
logo_login_dialog.png"><br><br>';
    dialogContent = dialogContent + '<div class="t" style="font-size:
16px;">Login to me.memeo.com</div><br>';
    dialogContent = dialogContent + '<input type="text" id="email"
name="email" title="Email" style="width:200px;"/><br><br>';
    dialogContent = dialogContent + '<input type="password"
id="password" name="password" title="Password" style="width:200px;"/
><br><br>';
    dialogContent = dialogContent + '<a class="button25
buttonGreen25sq" id="loginSubmitInDialog" href="#"><span
class="t">Login</span></a><br>';
    $("td.content").empty().append(dialogContent);
    $("#email").val($.evalJSON($.cookie
('saucy')).cookie.emailAddress);
    $("#loginSubmitInDialog").click(function() {
        var email = $.base64Encode($("#email").attr('value'));
        var password = $.base64Encode($.md5($("#password").attr
('value')));
        if (link != undefined && link != '') {
            if (link.indexOf('/') != 0) {
                link = $.base64Encode('/'+link+'/');
            } else if (link.indexOf('/') == 0) {
                link = $.base64Encode(link);
            }
        } else {
            link = $.base64Encode('/#account/overview/');
        }
        var lastParam = $.base64Encode('login');
        location.href = 'login#login/' + email + ',' + password + ','
+ link + ',' + lastParam + ',';
        return false;
    });
    $.blockUI({
        message: $('#popup'),
        css: {
            top:  ($(window).height() - $('#popup').height()) /2 +
'px',
            left: ($(window).width() - 400) /2 + 'px',
            width: '400px',
            backgroundColor: 'transparent'
        }
    });
    return false;
});

</script>

In IE, "Login to me.memeo.com" and two input boxes do not appear.
Would anyone please help me to figure out what the problem is?

Any help will be very much appreciated.

Thanks,

--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=.