JS中artdialog弹出框控件之提交表单思路详解
更新时间：2016年04月18日 09:54:51 作者：黑♂白
artDialog是一个基于javascript编写的对话框组件，它拥有精致的界面与友好的接口。本文给大家介绍JS中artdialog弹出框控件之提交表单思路详解，对本文感兴趣的朋友一起学习吧
artDialog是一个基于javascript编写的对话框组件，它拥有精致的界面与友好的接口。
前言：
自适应内容
artDialog的特殊UI框架能够适应内容变化，甚至连外部程序动态插入的内容它仍然能自适应，因此你不必去考虑消息内容尺寸使用它。它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。
完善的接口
它的接口完善，可以轻易与外部程序配合使用。如异步写入消息、控制位置、尺寸、显示与隐藏、关闭等。
细致的体验
如果不是在输入状态，它支持Esc快捷键关闭；可指定在元素附近弹出，让操作更便捷；智能给按钮添加焦点；黄金比例垂直居中；超大响应区域特别为ipad等触屏设备优化；预先缓存皮肤图片更快响应……
跨平台兼容
兼容：IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的静止定位(fixed)、覆盖下拉控件、alpha通道png背景。
步入正题：
artdialog 不错的弹出框控件
接触artdialog已经有一段时间了，觉得其用起来还不错，比较轻量级，javascript的插件我比较喜欢轻量级的，加载速度快。
其功能也很不错，功能很齐全，相对于其它弹出插件，这个插件不仅还在维护，而且bug也少，用起来也挺方便，是国内比较出众的插件之一。
调用方法如下：
//说明下面是一段通过artdialog弹出form表单，并通过ajaxform来提交的js（表单可以采用jquery validate验证控件来验证表单）
$(document).ready(function() {
var options = {
target: '#output2',
success: showResponse // post-submit callback
};
$('#myForm').ajaxForm(options);
var alt =null;
$("#addHname").click(function(){
alt=art.dialog({
title:'新增花名',
content: document.getElementById('g_cn'),
width:750,
button: [
{
name: '保存',
focus: true,
callback: function () {
$('#myForm').submit();
return false;
}
},
{
name: '关闭',
callback: function () {
}
}
]
});
});
function showResponse(data){
if(alt !=null){
alt.close();
}
if(data=='success'){
artDialog.alert('保存成功');
}else{
art.dialog.close();
artDialog.alert('保存失败');
}
}
});
以上所述是小编给大家介绍的JS中artdialog弹出框控件之提交表单思路详解，希望对大家有所帮助！
您可能感兴趣的文章:
- 分享2个jQuery插件--jquery.fileupload与artdialog
- artdialog的图片/标题以及关闭按钮不显示的解决方法
- 给artDialog 5.02 增加ajax get功能详细介绍
- artDialog 4.1.5 Dreamweaver代码提示/补全插件 附下载
- artDialog双击会关闭对话框的修改过程分享
- jQuery validate+artdialog+jquery form实现弹出表单思路详解
- artDialog+plupload实现多文件上传
- plupload+artdialog实现多平台上传文件
- jQuery对话框插件ArtDialog在双击遮罩层时出现关闭现象的解决方法
- Jquery弹出窗口插件 LeanModal的使用方法
- 使用jQuery插件创建常规模态窗口登陆效果
- jQuery插件artDialog.js使用与关闭方法示例
相关文章
这篇文章主要介绍了js限制文本框只能输入中文的方法,涉及javascript正则匹配及鼠标事件的相关技巧,非常简单实用,需要的朋友可以参考下2015-08-08
JavaScript操作localStorage实现保存本地json文件
这篇文章主要为大家详细介绍了JavaScript如何操作localStorage实现保存本地json文件,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2024-02-02
这篇文章主要介绍了JavaScript检查弹出窗口是否被阻拦的方法技巧,本文用于检测window.open弹出的窗口是否被阻拦,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了JS实现的base64加密、md5加密及sha1加密的方法,结合实例形式详细分析了JavaScript各种常见加密方法与实现技巧,需要的朋友可以参考下2016-04-04
这篇文章主要介绍了javascript中的异步调用机制,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-02-02
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本...2006-09-09
深入理解JavaScript和TypeScript中的class
class 声明创建一个基于原型继承的具有给定名称的新类，下面这篇文章主要给大家介绍了关于JavaScript和TypeScript中class的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。2018-04-04
这篇文章主要介绍了JavaScript防止全局变量污染的方法,结合实例形式较为详细的总结分析了JavaScript防止全局变量污染的常用操作技巧与注意事项,需要的朋友可以参考下2018-08-08
在 JavaScript 中,对象的去重通常是指在一个对象数组中,根据某些属性值去掉重复的对象,本文给大家总结了一些JS对象去重的多种方式,并通过代码示例讲解的非常详细,具有一定的参考价值,需要的朋友可以参考下2024-09-09
今天小编就为大家分享一篇layui内置模块layim发送图片添加加载动画的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论