Yes, you will still run into that problem, but the problem is
dependent on your specific page, so you would have to test to see if
the problem exists for you.
On Jan 11, 9:49 am, Chad Sowald <chadsow...@gmail.com> wrote:
> Hi Scott. Thanks for the explanation. I was hopping to avoid having
> to use the dialogClass option if possible, but I'll probably use
> that. If I do move the dialog after it's created, will that still
> incur the IE DOM/z-index problem?
>
> Thanks.
>
> On Jan 9, 10:23 am, Scott González <scott.gonza...@gmail.com> wrote:
>
>
>
> > This is done to ensure the correct z-index in IE (where DOM order
> > comes in to play as well). You can either move the dialog after you
> > open it or use the dialogClass option to apply a class to the
> > generated wrapper in order to apply specific styles.
>
> > On Jan 8, 1:52 pm, Chad Sowald <chadsow...@gmail.com> wrote:
>
> > > I would like to use the jQuery UI Dialog but I can't seem to find the
> > > answer to a problem I'm having. I want to control where in the DOM
> > > the dialog is inserted so that it will inherit my CSS styles, but it
> > > always seems to just be inserted at the end of the <body> DOM element,
> > > circumventing much of my CSS.
>
> > > e.g.
>
> > > <body>
> > > <div id="a">
> > > <div id="b">this is a form</div>
> > > </div>
> > > </body>
>
> > > ...
>
> > > $('#b').dialog({
> > > bgiframe : true,
> > > height : 500,
> > > width : 700,
> > > modal : true,
> > > title : 'blah'
> > > resizable : false,
> > > close : function() {
> > > $(this).remove();
> > > }
>
> > > });
>
> > > ... and then sadly this is what the DOM looks like:
>
> > > <body>
> > > <div id="a">
> > > <div id="b">this is a form</div>
> > > </div>
> > > <div class="ui-dialog......">
> > > .............
> > > <div id="b">this is a form</div>
> > > </div>
> > > </body>
>
> > > but why doesn't jQuery just turn my already existing div into the
> > > dialog????
>
> > > How can I accomplish this?
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
