我们在设计页面与用户的交互时,除了页面的整体切换(跳到另一个页面)之外,还有基于弹窗的交互方式。
这是很正常的需求,因此稍为完善的框架都会提供这样的功能:例如Ext的MessageBox
那在js我们怎么做这样一个弹窗呢?不要告诉我你打算用alert()啊。
使用场景与需求
- 弹出消息:alert
- 确认操作:confirm
- 更丰富的交互:弹出进度条。。。。等
- 更复杂的选择框:比如选择在已上传图片的列表中选择一个图片
ArtDialog
artDialog(http://www.planeart.cn/demo/artDialog/)是国产的一个开源组件,在弹窗这个领域已经算相当丰富了。
自适应内容
artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它。它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。
完善的接口
它的接口完善,可以轻易与外部程序配合使用。如异步写入消息、控制位置、尺寸、显示与隐藏、关闭等。
细致的体验
如果不是在输入状态,它支持Esc快捷键关闭;可指定在元素附近弹出,让操作更便捷;智能给按钮添加焦点;黄金比例垂直居中;超大响应区域特别为ipad等触屏设备优化;预先缓存皮肤图片更快响应……
跨平台兼容
兼容:IE6+、Firefox、Chrome、Safari、Opera以及iPad等移动设备。并且IE6下也能支持现代浏览器的静止定位(fixed)、覆盖下拉控件、alpha通道png背景。
我不知道为什么ArtDialog在5.0开始取消了iframe部分功能,如果你想用类似的功能,可以看看lhgDialog(http://code.google.com/p/lhgdialog/),无责任推荐哈,因为貌似有些争论说lhgDialog是抄袭了artDialog,在IT界,谁抄袭谁是永恒的话题
当然,如果你用5.0+的ArtDialog,也可以通过以下的方法去弹出iframe
art.dialog({title : "选择***",
cancel : true,
width : 600,
padding : '5px',
content : '<iframe src="@{Images.selectImgDialog()}" id="selectImgDialog" name="selectImgDialog" height="400" width="600" frameborder="0"></iframe>',
ok : function(){
...
}
});
除了artDialog还可以参考以下的做法
http://www.oschina.net/question/12_44011
分享到:
相关推荐
文档列举了三个国产ESB的介绍:金蝶ApusicESB、锐易特软件、合众企业服务总线,希望可以对后来者提供一些建议
是第一个国产ActiveX商业组件; Cell组件适用于Windows环境下各种开发工具(如VB, VC,Visual Foxpro, Delphi, C++ Builder, PowerBuilder等,Cell插件用于开发B/S结构程序,使用语 言VBScript,JavaScript等。Cell...
国产js框架 带中文+实例API 堪比jquery JQUERY JS JS框架 como api como+api
继优秀作品shearphoto截图插件,本人又再推出国产山寨JQUERY,为什么我要开发一个山寨JQUERY?老实说我从来没用过JQUERY,正因为我反感JQUERY。 为什么我反感,因为我完全有开发JQUERY的能力,JQUERY的底层我都...
国产操作系统有哪些? 红旗操作系统 方德操作系统 Turbo Linux 普华操作系统 一铭操作系统 深度操作系统 中标麒麟操作系统 思普操作系统 国产操作系统简介全文共10页,当前为第1页。 国产操作系统概念 国产操作系统...
官方API:http://comsome.com/como/API/
LiteFlow是一个轻量且强大的国产规则引擎框架,可用于复杂的组件化业务的编排领域,独有的DSL规则驱动整个复杂业务,并可实现平滑刷新热部署,支持多种脚本语言规则的嵌入。帮助系统变得更加丝滑且灵活。轻量,快速...
介绍国产的加密算法,平时项目中使用的以及未使用过的东西
并实施系统软件国产化改造方案_审计署.pdf并实施系统软件国产化改造方案_审计署.pdf并实施系统软件国产化改造方案_审计署.pdf并实施系统软件国产化改造方案_审计署.pdf并实施系统软件国产化改造方案_审计署.pdf并...
国产PLC介绍及选型手册,国产中高级PLC的性能参数及模块介绍
报表组件让你轻松搭建报表环境 报表组件让你轻松搭建报表环境报表组件让你轻松搭建报表环境 报表组件让你轻松搭建报表环境
支持国产系统和国产芯片。 JsScan 免费版功能 可以选弹出厂商参数设置窗口进行扫描,也可以不弹窗扫描; 可以设置扫描来源是平推,还是自动送纸器; 可以选择扫描件是否黑白,灰度,或彩色; 可以选择扫描分辨率...
SM2国产Javascript算法。支持V8运行,纯js需要的拿去吧,不会用的可以私信我,很简单粗暴
AC108的说明书,AC108是国产的CODEC芯片,4通道可达96K采样率
<!... , initial-scale=1.0">...<script type="text/javascript"> //私钥:BF1F907B4E0487F798DC80AFD7BC2A6201E8514233002272EA3BE2FC6F797843 //公钥:前缀04+x坐标+y坐标 var pubkeyHex = "042DBA45E7B03394F603
本篇文章将对国产数据库的发展现状进行一定的介绍,并且讨论随着大数据时代的到来,国产数据库面临的挑战和机遇。 国产数据库现状全文共8页,当前为第2页。国产数据库现状全文共8页,当前为第2页。 国产数据库现状...
本文件为一个国产操作系统介绍的pdf,是在课程上做讲演那种,包含(1)国产操作系统的重要性;(2)国产操作系统的主要产品及特点;(3)从经济、法律、社会环境、技术等方面分析面临的困难。
一款JavaScript 框架:它对脑力记忆要求更低,应用更轻松;它集成了特效、控件,可以一句代码就实现常见...它包含JS日历组件、下拉菜单、图像渐显效果、cookie应用、文本编辑器、滚动条、Tab、遮罩等常用网页特效组件。
IT软件国产化研究报告(17页),资源名称:IT软件国产化研究报告(17页)IT软件国产化加速渗透.zip...
一个简单易用的国产php-mvc框架