Question

I’m using jQuery to create a dialog with content from a div called “dialog-tatto”.
But for some reason it won’t work.
this is my current code :

    var button = $(".ui-dialog-buttonpane button:contains(\"New\")"); 
    $(button).show();
    button = $(".ui-dialog-buttonpane button:contains(\"Update\")");
    $(button).hide();
    $("#dialog-tattoo").dialog("open");

and this is my div:

            <div id="dialog-tattoo">
            <table>
                <tr>
                    <td>
                        <asp:Label ID="lblPersonMarkType" runat="server" Text="Mark type:" meta:resourcekey="lblPersonMarkTypeResource1" />
                        <asp:DropDownList ID="ddlPersonMarkType" Width="120px" runat="server" AppendDataBoundItems="True"
                            DataSourceID="dsPersonMarkType" DataTextField="ScarTattooName" DataValueField="ScarTattooTypeID"
                            OnPreRender="ddl_PreRender" meta:resourcekey="ddlPersonMarkTypeResource1">
                            <asp:ListItem Value="-1" meta:resourcekey="ListItemResource1">--Select--</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                    <td>
                        <asp:Label ID="lblPersonBodyLocation" runat="server" Text="Body Location:" meta:resourcekey="lblPersonBodyLocationResource1" />
                        <asp:DropDownList ID="ddlPersonBodyLocation" Width="120px" runat="server" AppendDataBoundItems="True"
                            DataSourceID="dsPersonBodyLocation" DataTextField="BodyLocation" DataValueField="BodyLocationID"
                            OnPreRender="ddl_PreRender" meta:resourcekey="ddlPersonBodyLocationResource1">
                            <asp:ListItem Value="-1" meta:resourcekey="ListItemResource1">--Select--</asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td colspan='2'>
                        <asp:Label ID="lblPersonMarkDescription" runat="server" Text="Description:" meta:resourcekey="lblPersonMarkDescriptionResource1" />
                        <asp:TextBox ID="txtPersonMarkDescription" runat="server" Height="40px" TextMode="MultiLine"
                            Width="400px" meta:resourcekey="txtPersonMarkDescriptionResource1" />
                    </td>
                </tr>
            </table>
        </div>

Answer 1

Use this

$("#dialog-tattoo").dialog();

instead of

$("#dialog-tattoo").dialog("open");

DEMO.

Update: (With a title)

$("#dialog-tattoo").dialog({
    title:'This is my Title'
});

DEMO.

Update: (For a dynamic button)

$("<div/>",{
    'text':'Button',
    'id':'btn1',
    'class':'myBtn',
    'style':'margin:5px;color:green;'
}).button().appendTo('body');

DEMO.