Show and Hide Dialog
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function ShowDialog() {
$("#dialog").dialog({
buttons: {
Close: function () {
$(this).dialog('close');
}
}
});
}
function HideDialog() {
$(function () {
$("#dialog").hide();
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="Button1" runat="server" Text="Show Dialog"
onclick="Button1_Click" />
<asp:Button ID="Button2" runat="server" Text="Hide Dialog"
onclick="Button2_Click" />
<div id="dialog" style="display:none">
This is a Dialog.
</div>
</form>
</body>
</html>
