070823更新的一个[消息提示框]组件 兼容ie7


Posted in Javascript onAugust 29, 2007

提示:8.23修复了ie 7显示错误的bug,请下载过的朋友重新下载。对此表示抱歉!

更新说明:
2007-08-23 11:50
1、修复了IE7.0下按钮文字错位的BUG(下载源码已经更新,请下载过的朋友重新下载)。
2、修改了部分js程序代码。(弹出框的高度只在初始化时进行计算)

2007-08-23 21:30 
1、完善了组件简介,原来没有写5-7三个介绍,可能有些朋友也没有注意到。这里补上!

======================================================
前段时间公司需要写的一个小组件,用于替代windows2000默认的灰色消息组件(alert/Confirm),由于公司开发的系统主要针对IE浏览器,所以开始的代码在ff下运行无效,今日打算拿出共享,为了尽少挨砖,花了将近一个小时将代码进行了兼容性的修改,目前在ie6.0和FF2.0下运行正常,其他浏览器未测,公司任务在身,懒得花大量时间整这个,满足多数需求即可。

组件简介:
1、调用方式进行二次分装,现编写成类,然后将调用方法变成几个简单的方法调用,调用时无需再new了。调用方法明了简单。
2、兼容IE6.0&&FF2.0。
3、目前提供了三种四种皮肤,Vista、QQ、ExtBlue和BlackColl。有兴趣可以修改样式表文件定义新的皮肤。
4、提供四种消息类型。分别为消息提示、成功信息、错误信息、询问信息。
5、弹出消息框时屏蔽页面其它元素的操作,自动隐藏页面select及iframe下select(无限级select隐藏),并遮罩iframe等元素。
6、页面select控件状态还原时保持原状态,即如果原来select就是隐藏的,则消息框弹出并关闭后该select仍保持隐藏状态,而只显示原本显示的select。
7、消息组件弹出时屏蔽对键盘Tab键和空格键的操作(防止键盘操作页面元素),按下Enter键当作点击消息组件的“确定”按钮处理。

使用简介:
   1、首先在页面中引入ymPrompt.js。
   2、然后调用需要的消息函数:
   (1)Alert(content,width,height,title,okFunc,cancelFunc)  //消息提示类型
   (2)SucceedInfo(....) //成功信息类型
   (3)ErrorInfo(...)  //错误信息类型
   (4)ConfirmInfo(....) //询问消息类型

  四个方法的参数完全相同:

   content:消息组件要显示的内容。
   width:消息框的宽度,不设定请置null,宽度自适应。
   height:消息框的高度,不设定请置null,高度自适应。
   title:消息组件标题
   okFunc:点击确定按钮时执行的函数的名称。
   CancelFunc:点击取消或关闭按钮时执行的函数的名称。 

查看演示:http://www.ajaxbbs.net/test/ymPrompt/demo.htm
说明:网络空间速度原因,首次打开演示可能图片加载较慢,请打开后稍后图片下载完毕或下载源码到本地查看演示。
源码下载:
本地下载

Javascript 相关文章推荐
静态的动态续篇之来点XML
Dec 23 Javascript
JavaScript执行效率与性能提升方案
Dec 21 Javascript
js定时调用方法成功后并停止调用示例
Apr 08 Javascript
自定义require函数让浏览器按需加载Js文件
Nov 24 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
js获取地址栏参数的两种方法
Jun 27 Javascript
Vue 中批量下载文件并打包的示例代码
Nov 20 Javascript
vue计算属性及使用详解
Apr 02 Javascript
跨域请求两种方法 jsonp和cors的实现
Nov 11 Javascript
微信小程序实现电子签名功能
Jul 29 Javascript
vue 实现把路由单独分离出来
Aug 13 Javascript
处理canvas绘制图片模糊问题
May 11 Javascript
找到了一篇jQuery与Prototype并存的冲突的解决方法
Aug 29 #Javascript
javascript动画效果类封装代码
Aug 28 #Javascript
Google韩国首页图标动画效果
Aug 26 #Javascript
javascript在一段文字中的光标处插入其他文字
Aug 26 #Javascript
有一段有意思的代码-javascript现实多行信息
Aug 26 #Javascript
LBS blog sql注射漏洞[All version]-官方已有补丁
Aug 26 #Javascript
javascript下操作css的float属性的特殊写法
Aug 22 #Javascript
You might like
destoon会员注册提示“数据校验失败(2)”解决方法
2014/06/21 PHP
thinkPHP显示不出验证码的原因与解决方法分析
2017/05/20 PHP
php给数组赋值的实例方法
2019/09/26 PHP
用函数式编程技术编写优美的 JavaScript
2006/11/25 Javascript
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
通过下拉框的值来确定输入框是否可以为空的代码
2011/10/18 Javascript
jquery xMarquee实现文字水平无缝滚动效果
2014/04/29 Javascript
js实现简单秒表走动的时钟特效
2020/03/25 Javascript
jquery+css实现的红色线条横向二级菜单效果
2015/08/22 Javascript
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
2016/01/27 Javascript
Bootstrap框架下下拉框select搜索功能
2020/03/26 Javascript
防止Node.js中错误导致进程阻塞的办法
2016/08/11 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
如何学JavaScript?前辈的经验之谈
2016/12/28 Javascript
原生js实现放大镜效果
2017/01/11 Javascript
微信小程序 下拉菜单的实现
2017/04/06 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
2017/04/18 Javascript
详解vue-router传参的两种方式
2018/09/10 Javascript
详解ES6系列之私有变量的实现
2018/11/21 Javascript
JS根据Unix时间戳显示发布时间是多久前【项目实测】
2019/07/10 Javascript
基于Vue中使用节流Lodash throttle详解
2019/10/30 Javascript
vue实现图片上传到后台
2020/06/29 Javascript
Vue移动端项目实现使用手机预览调试操作
2020/07/18 Javascript
JavaScript实现简易计算器小功能
2020/10/22 Javascript
python 实现删除文件或文件夹实例详解
2016/12/04 Python
pandas.loc 选取指定列进行操作的实例
2018/05/18 Python
python画图的函数用法以及技巧
2019/06/28 Python
python suds访问webservice服务实现
2020/06/26 Python
python 实现的IP 存活扫描脚本
2020/12/10 Python
VSCode中autopep8无法运行问题解决方案(提示Error: Command failed,usage)
2021/03/02 Python
某集团股份有限公司委托书样本
2014/09/24 职场文书
廉政文化进校园广播稿
2014/10/20 职场文书
小学优秀教师材料
2014/12/15 职场文书
道德与公民自我评价
2015/03/09 职场文书
学校中秋节活动总结
2015/03/23 职场文书
2015年大学社团工作总结
2015/04/09 职场文书