Hi,
I have form
<div id="friend" style="display: none;">
<form id="inviteFriendForm" name="inviteFriendForm" method="post"
onsubmit="return false;">
<input type="hidden" name="recipient" value="<?= $this-
>client_profile['client_username'] ?>" />
<div>Invitation Message:<br /><textarea name="message" cols="30"
rows="5"></textarea></div>
</form>
</div>
and code like
$(document).ready(function() {
$("#friend").dialog({
autoOpen: false,
modal: true,
resizable: false,
title: "Invite to Friends",
open: function() {
$("#friend").show();
},
close: function() {
$("#friend").hide();
},
buttons: {
"Ok": function() {
// some code for result handling
$(this).dialog("close");
},
"Cancel": function() {
$(this).dialog("close");
}
}
});
$("#friendLink").click(function() {
if (!$("#friend").dialog("isOpen"))
{
$("#friend").dialog("open");
}
});
});
The problem is:
1. When dialog opens it do not contain title bar, but there is a blank
space at the bottom under buttons.
2. When I set {autoOpen: true}, it opens with page load and all ok,
but all next times the same as 1.
3. When I do not make div #friend visible, dialog box shows correctly
also. And when I set style="display: block;" for the div and remove
all hide()/show() for it, dialog opens as 1. - with no title.
Could anybody explain me in this problem?
Thank you.
--~--~---------~--~----~------------~-------~--~----~
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=en
-~----------~----~----~----~------~----~------~--~---
