Problem with Panel

    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script type="text/javascript">
        ...
        $(function () {
            $("#Panel3").dialog({
                autoOpen: false,
                autoResize: true,
                resizable: false,
                title: "Confirmation",
                open: function (event, ui) {
                    $(this).parent().appendTo("form");		//allow .Net buttons to post back
                }
            });

        });
        function closePopup3() {
            $("#Panel3").dialog("close");
        }

        function openPopup3() {
            $("#Panel3").dialog("open");
        }
        ...
    </script>
	<script language="C#" runat="server">
        ...
        private void clickMe3(object sender, EventArgs e)
        {
            ...
        }
        private void clickNo3(object sender, EventArgs e)
        {
            ...
        }
	</script>
	...
	<div id="Panel3" runat="server">
		Testing message
		<br /><br />
		<asp:Button id="Button3" OnClick="clickMe3" runat="server" Text="Yes"/>
		&nbsp;&nbsp;
		<asp:Button id="Button4" OnClick="clickNo3" runat="server" Text="No"/>
	</div>
	...

Select all Open in new window

        protected void Page_Load(object sender, EventArgs e)
        {
            ...
            if (!IsPostBack)
            {
                    ScriptManager.RegisterClientScriptBlock(this.Page, this.GetType(), "CallEvent", "openPopup3();return false;", true);
                    ...
                    

Select all Open in new window