You can move the dialog wherever you want after the dialog closes, the
plugin will move it back to the end of the body on open. So option #2
is the cleanest.
Again, untested:
$('.boxButton').each(function() {
var $button = $(this);
var $dialog = $button.next('.boxDialog').dialog({
autoOpen: false,
bgiframe: true,
modal: true,
close: function() {
$(this).parents('.ui-dialog').insertAfter($button);
}
});
$button.click(function() {
$dialog.dialog('open');
});
});
On Apr 2, 5:59 pm, Andrew Feller <[email protected]> wrote:
> Thank you for your response Richard! Yeah, I had a feeling there is a
> reason why it is done.
>
> My colleague and I have talked about option #1 (copy values back to
> actual/hidden form element within form). We know it is possible but we were
> really hopeful of not resorting to this as it is no better than a pop up.
> With option #2, there are two issues with that: we were taking advantage of
> jQuery UI Dialog to hide the dialog boxes and only make them visible once
> the button was clicked. I am curious on how this would affect things as it
> was originally removed with a purpose. Finally option #3, it gets
> complicated as we are going to have multiple dialog boxes and other form
> elements not within dialogs.
>
> I think the least complicated option available to us is option #1 despite
> how much I hate it.
>
> Thanks!
> Andrew
>
> On Thu, Apr 2, 2009 at 4:47 PM, Richard D. Worth <[email protected]> wrote:
>
>
>
> > On Thu, Apr 2, 2009 at 4:14 PM, Andrew <[email protected]> wrote:
>
> >> Hey Scott,
>
> >> Thanks for the reply! Since I posted this thread, I have found out
> >> that jQuery UI Dialog takes the indicated <div> and removes it from
> >> its place within the HTML and moves it to the end of the <body>
> >> element. This might seem okay for some, however we have a <form>
> >> setup immediately within the <body> element, so the form fields in the
> >> modal dialog will not be a part of the POST submission.
>
> > This is necessary in order for the dialog to be on top, cross-browser.
> > You've got a few options:
> > - clone the form elements, copy the values back to the original
> > - move the element back to its original location within the form when the
> > dialog closes (presumably) before the POST
> > - make the whole form a dialog, instead of a part of the form
>
> > - Richard
--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---
