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 相关文章推荐
如果文字过长,则将过长的部分变成省略号显示
Jun 26 Javascript
input 输入框内的输入事件详细分析
Mar 17 Javascript
JQuery实现点击div以外的位置隐藏该div窗口
Sep 13 Javascript
JS+flash实现chrome和ie浏览器下同时可以复制粘贴
Sep 22 Javascript
jquery toolbar与网页浮动工具条具体实现代码
Jan 12 Javascript
angular.foreach 循环方法使用指南
Jan 06 Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 Javascript
JavaScript编写连连看小游戏
Jul 07 Javascript
Vue三层嵌套路由的示例代码
May 05 Javascript
vue-cli配置环境变量的方法
Jul 09 Javascript
layui数据表格重载实现往后台传参
Nov 15 Javascript
js中的面向对象之对象常见创建方法详解
Dec 16 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
模拟xcopy的函数
2006/10/09 PHP
ThinkPHP之getField详解
2014/06/20 PHP
php堆排序实现原理与应用方法
2015/01/03 PHP
php限制文件下载速度的代码
2015/10/20 PHP
Laravle eloquent 多对多模型关联实例详解
2017/11/22 PHP
JQery 渐变图片导航效果代码 漂亮
2010/01/01 Javascript
仿新浪微博登陆邮箱提示效果的js代码
2013/08/02 Javascript
判定是否原生方法的JS代码
2013/11/12 Javascript
js中的hasOwnProperty和isPrototypeOf方法使用实例
2014/06/06 Javascript
JavaScript语言对Unicode字符集的支持详解
2014/12/30 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
2015/03/26 Javascript
node.js使用cluster实现多进程
2016/03/17 Javascript
AngularJS基础 ng-switch 指令简单示例
2016/08/03 Javascript
JS得到当前时间的方法示例
2017/03/24 Javascript
vue实现模态框的通用写法推荐
2018/02/26 Javascript
使用apifm-wxapi模块中的问题及解决方法
2019/08/05 Javascript
Vue防止白屏添加首屏动画的实例
2019/10/31 Javascript
Python IDE PyCharm的基本快捷键和配置简介
2015/11/04 Python
Python Socket实现简单TCP Server/client功能示例
2017/08/05 Python
python+selenium实现京东自动登录及秒杀功能
2017/11/18 Python
Python人脸识别初探
2017/12/21 Python
Python redis操作实例分析【连接、管道、发布和订阅等】
2019/05/16 Python
Django 删除upload_to文件的步骤
2020/03/30 Python
jupyter 导入csv文件方式
2020/04/21 Python
如何在python中判断变量的类型
2020/07/29 Python
纯HTML5+CSS3制作生日蛋糕(代码易懂)
2016/11/16 HTML / CSS
HTML5 Blob对象的具体使用
2020/05/22 HTML / CSS
全球知名旅游社区巴西站点:TripAdvisor巴西
2016/07/21 全球购物
美国领先的家庭智能音响系统品牌:Sonos
2018/07/20 全球购物
舞蹈毕业生的自我评价
2014/03/05 职场文书
团日活动总结书格式
2014/05/08 职场文书
先进教师个人总结
2015/02/11 职场文书
2015年精神文明建设工作总结
2015/04/21 职场文书
2016年记者节感言
2015/12/08 职场文书
vue 实现上传组件
2021/05/31 Vue.js
WebRTC记录音视频流(web技术分享)
2022/02/24 Javascript