一个偶然的机会，看到一个基于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);
};
- 大小: 485.9 KB
- 大小: 910.5 KB
分享到：
相关推荐
ArtDialog是一款优秀的JavaScript对话框组件，它以Vista风格为设计灵感，旨在提供高度兼容性的解决方案，能够无缝地运行在主流的Web浏览器上，包括Internet Explorer、Firefox以及Google Chrome等。这款组件以其精美...
artDialog是一款优秀的JavaScript插件，它允许开发者在Web页面上创建功能丰富的弹出对话框。这个名为“artDialog完善双击关闭对话框的功能.rar”的压缩包文件显然是对artDialog插件的增强，主要改进了对话框的关闭...
jQuery_boxy是一款流行的弹出层对话框插件，广泛应用于SNS社区型网站，如开心网、人人网和Facebook。该插件能够创建模态或非模态的弹出对话框，功能包括提示、确认、拖动、改变大小以及Ajax数据加载。由于网上缺乏...
《弹出层技术详解——以artdialog为例》 在Web开发中，弹出层是一种常见的交互设计元素，它能够在用户与网页交互时提供额外的信息或功能，而不改变页面的主体内容。ArtDialog是一款优秀的弹出层插件，以其出色的...
`artDialog` 是一个功能强大的JavaScript弹出对话框插件，以其简洁的API和丰富的自定义选项深受前端开发者喜爱。它允许开发者轻松创建各种类型的对话框，如提示、确认、警告以及自定义内容的对话框，同时提供了内置...
2. **对话框（Dialog）**：jQuery EasyUI中的对话框组件允许开发者创建可自定义的弹出窗口，常用于显示信息、警告、确认或输入数据。它支持多种模式（如模态和非模态）、拖动、最大化、最小化、关闭等操作，并能与...
标题中的“受欢迎的ajax弹出层/对话框组件”指的是在网页开发中广泛使用的JavaScript库或插件，它允许开发者创建交互式的弹出窗口或对话框。这些组件通常利用Ajax技术来实现异步数据加载，使得用户可以在不刷新整个...
art.Dialog 是一个轻巧且高度兼容的javascript对话框组件，可让你的网页交互拥有桌面软件般的用户体验。 功能： 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭...
**artDialog弹出层**是一种常用的前端对话框插件，它在网页中提供了一种优雅的方式来展示信息、警告、确认或获取用户输入。这个插件以其丰富的定制选项、良好的可扩展性和高性能而受到开发者的青睐。`artDialog` 的...
总结来说，“弹出层封装_1”项目利用现代Web技术，创建了一个具有多种提示角度和关闭功能的弹出层组件，这在网页应用中非常实用，可以提升用户的互动体验。通过理解这些知识点，开发者可以更好地掌握网页动态元素的...
JavaScript弹出层是网页开发中常见的一种交互设计，它用于在用户与页面交互时提供额外信息、确认操作或展示复杂内容。Js弹出层库则是专门为此目的设计的JavaScript库，简化了弹出层的创建和管理过程。在这个场景中，...
**artDialog弹出层插件**是一个常用的JavaScript插件，用于在网页中创建各种弹出对话框。这个插件的设计目标是提供一个高度可定制、轻量级且易于使用的解决方案，帮助开发者快速实现诸如提示、确认、警告以及复杂的...
在IT领域，弹出对话框是一种常见的用户界面交互元素，用于获取用户输入或者显示警告、确认等信息。在本案例中，"popub_13弹出对话框"似乎是一个特定的功能模块，可能是用于选择客户信息。这个功能可能在Web应用中...
JavaScript弹出模态对话框是前端开发中常见的一种交互方式，用于向用户显示重要的信息、询问用户或收集数据。模态对话框具有阻止用户在对话框关闭前与页面其他部分互动的特点，确保用户关注到对话框中的内容。在这个...
art.Dialog 是一个轻巧且高度兼容的javascript对话框组件，可让你的网页交互拥有桌面软件般的用户体验。 功能： 支持锁定屏幕(遮罩)、模拟alert和confirm、多窗口弹出、静止定位、支持Ese键关闭对话框、定时关闭、...
`<dialog>`标签在HTML5中扮演着弹出窗口的角色，可以用来创建模态或非模态对话框。模态对话框会阻止用户与页面其他部分的交互，直到对话框被关闭，而非模态对话框则允许用户在对话框打开时继续与页面交互。在基础的...
"基于Javascript的日历输入对话框"就是这样一个组件，它提供了一种直观的方式，让用户通过弹出的日历对话框来选择日期，而无需手动输入。下面将详细介绍这个主题，包括Javascript日历对话框的设计原理、实现方法以及...
在网页中，我们经常需要与用户进行交互，比如显示提示信息、获取用户输入等，这时候JavaScript的弹出对话框功能就显得尤为重要。本文将深入探讨"Javascript点击弹出对话框"这一主题，以及如何在实际应用中实现类似...
`artDialog5`是一款强大的JavaScript对话框插件，专为网页应用设计，用于创建各种类型的消息对话框，如提示、警告、确认、错误等。它以其灵活性、可定制性和高性能在IT行业中广受青睐。在描述中提到，用户对原版`...