I'm opening a few jQuery dialogs on my page and I was using:
$("#dialog2").parent().appendTo($("form:first")); //This was working, no problem.
I noticed when I applied it again to dialog3 it has stopped that line from working on dialog 2. How can this be used for different dialogs?
$("#dialog2").dialog({
bgiframe: false,
autoOpen: false,
height: 410,
width: 800,
modal: true,
draggable: true,
resizable: true
});
$("#dialog2").parent().appendTo($("form:first")); //doesn't work now
$("#dialog3").dialog({
bgiframe: false,
autoOpen: false,
height: 410,
width: 600,
modal: true,
draggable: true,
resizable: true
});
$("#dialog3").parent().appendTo($("form:first"));
HTML:
<div id="dialog3" title="Attachments">
<p id="P1">
<asp:Button ID="btnAttach" runat="server" Text="Attach files" class="float-left ui-button"/></p>
<fieldset>
</fieldset>
</div>
<div id="dialog2" title="Notes">
<asp:Image ID="Image1" runat="server" ImageUrl="~/images/icons/user_comment.png" />
<asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Size="Larger" Text="Notes"></asp:Label>
<br />
<div style="overflow: auto; height: 310px; width: 780px;">
<fieldset>
<br />
<asp:TextBox ID="txtNote" runat="server" CssClass="notetext" Width="740px" Rows="6"
TextMode="MultiLine" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" />
<br />
<div style="width: 743px">
<asp:Button ID="btnNoteSave" runat="server" Text="Save" class="float-right ui-button" />
</div>
</fieldset>
</div>
Better one-
$('#dialog2').dialog({
open:function(){{
$(this).parent().appendTo($("form:first"));
}}
});
$('#dialog3').dialog({
open:function(){{
$(this).parent().appendTo($("form:first"));
}}
});
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With