Wow! I like that! Thanks Scott!! =)
2009/4/3 Scott González <[email protected]>
>
> 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
-~----------~----~----~----~------~----~------~--~---
