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"> </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 [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=.
