artDialog基于javascript编撰的对话框组件
日期：2014-05-16 浏览次数：20347 次
artDialog基于javascript编写的对话框组件
一个偶然的机会，看到一个基于javascript编写的对话框组件，它拥有精致的界面与友好的接口
?
有时间可以研究下 现在已经到最新版本：V 4.1.2 发布时间：2011-09-04
?
主页地址：http://www.planeart.cn/demo/artDialog/index.html
?
文件下载
?
?
引用方法：
在Head中加入 <script src="artDialog.source.js?skin=default" ></script>
?
?
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>###</title>
<script src="artDialog.source.js" ></script>
<style>
body {font-size:12PX; }
</style>
<script>
function doTest()
{
var dialog = art.dialog({
title: '警告',
content: '点击管理按钮将让删除按钮可用',
width: '20em',
button: [{
name: '管222理',
callback: function () {
this.content('我更改了删除按钮').button({
name: '删除',
disabled: false
});
return false;
},
focus: true
}]
});
dialog.button(
{
name: '删除',
callback: function () {
alert('remove')
},
disabled: true
}
)
}
</script>
</head>
<body>
<input type="button" name="Submit" value="按钮" onclick="doTest()"/>
</body>
</html>
?
?
修改部分代码：
?
artDialog.source.js 1738 行
?
// 无阻塞载入CSS (如"artDialog.js?skin=aero")
_skin = _thisScript.src.split('skin=')[1];
if (true) {
if(_skin==null)
{
_skin='default';
}
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = _path + '/skins/' + _skin + '.css?' + artDialog.fn.version;
_thisScript.parentNode.insertBefore(link, _thisScript);
};
?
?
?
?
?
?
?
?
?
?
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
