ArtDialog and Jquery in Asp.net development
This practice is about artDialog and Jquery used in the Asp.Net development.
The tests are done in IE 11, Chromium 65, Firefox 38, 82, There is a little different among the browsers, but, in general, the result is OK.
Section #4: When accessng artDialog.aspx, it works:
Section#3: calling button in the <body>:
<div>
<input id="btGenernalTest" type="button" onclick="showdialog()" value="普通测试" />
</div>
Section#2 function: All content is in the tag <head></head>
<script type="text/javascript">
function showdialog() {
art.dialog({
title: 'Welcome',
content: 'ArtDialog element works!',
drag: false,
icon: 'succeed',
follow: document.getElementById('btGenernalTest'),
ok: function () {
alert("你点击了确定");
},
okVal: 'OK',
cancelVal: 'Close',
cancel: function () {
//return false; no response on the page.
},
fixed: true,
resize:false
});
}
</script>
Section#1: In artDialog.aspx script registration
<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script language="javascript" src="js/artDialog/artdialog.js" type="text/javascript"></script>
<script type="text/javascript" src="js/public.js"></script>
<link rel="stylesheet" href="js/artDialog/skins/default.css" />
<link href="css/default.css" rel="stylesheet" type="text/css" />