JS中artdialog弹出框控件之提交表单思路详解_
artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口。
前言:
自适应内容
artDialog的特别UI框架能够适应内容改变,甚至连外部程序动态插入的内容它仍旧能自适应,因此你不必去考虑消息内容尺寸用法它。它的消息容器甚至能够依据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。
完善的接口
它的接口完善,可以轻易与外部程序配合用法。如异步写入消息、掌握位置、尺寸、显示与隐蔽、关闭等。
细致的体验
假如不是在输入状态,它支持Esc快捷键关闭;可指定在元素附近弹出,让操作更便捷;智能给按钮添加焦点;黄金比例垂直居中;超大响应区域格外为ipad等触屏设备优化;预先缓存皮肤图片更快响应……
跨平台兼容
兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代扫瞄器的静止定位(fixed)、掩盖下拉控件、alpha通道png背景。
步入正题:
artdialog 不错的弹出框控件
接触artdialog已经有一段时间了,觉得其用起来还不错,比较轻量级,javascript的插件我比较喜爱轻量级的,加载速度快。
fastjson字符串转数组 其功能也很不错,功能很齐全,相对于其它弹出插件,这个插件不仅还在维护,而且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(){
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论