This code doesn't use the jQuery UI dialog plugin. If you're question
is about the blockUI plugin, please ask on the jquery-en mailing list.


On Nov 13, 1:24 pm, ighosh <[email protected]> wrote:
> 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,
>
> ighosh

--

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


Reply via email to