<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JQueryDialog._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
<link rel="Stylesheet" href="Style/jquery-ui-themeroller.css" type="text/css" />
<asp:PlaceHolder id="pl" runat="server" />
<script src="Common/Scripts/jquery-1.2.6.js"></script>
<script src="Common/Scripts/ui.core.js"></script>
<script src="Common/Scripts/ui.draggable.js"></script>
<script src="Common/Scripts/ui.resizable.js"></script>
<script src="Common/Scripts/ui.dialog.js"></script>
<style>body{font-size:12px;}</style>
</head>
<body>
<form id="form1" runat="server">
<script type="text/javascript">
$(function(){
$("#dialog").dialog({
modal: true,
draggable: true,
resizable: true,
autoOpen: true,
width: 400,
height: 230,
position: 'center',
title: '应用系统选择',
overlay: {
opacity: 0.5,
background: "black"
},
buttons: {
'确定': function() {
$(this).dialog("close");
},
'取消': function() { $(this).dialog("close"); }
}
});
$("#dialog2").dialog({
modal: true,
draggable: true,
resizable: true,
autoOpen: true,
width: 400,
height: 230,
position: 'center',
title: '应用系统选择',
overlay: {
opacity: 0.5,
background: "black"
},
buttons: {
'确定': function() {
$(this).dialog("close");
},
'取消': function() { $(this).dialog("close"); }
}
});
});
</script>
<div id="dialog"><div>
<table id="tbl_aaa" border="1"><tr><td>
ABCDEFGHIJKLJMNABCDEFGHIJKLJMNABCDEFGHIJKLJMNABCDEFGHIJKLJMNABCD
</td></tr></table></div>
</div>
<div id="dialog2">
<table border="1"><tr><td>
Hello,world=============================================================
</td></tr></table>
</div>
<input type="button" href="javascript:void(0);" onclick="$('#dialog').dialog('open');" value="显示" />
<input type="button" href="javascript:void(0);" onclick="$('#dialog2').dialog('open');" value="显示2" />
</form>
</body>
</html>
