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 相关文章推荐
javascript RadioButtonList获取选中值
Apr 09 Javascript
裁剪字符串trim()自定义改进版
Apr 10 Javascript
javascript 3d 逐侦产品展示(核心精简)
Mar 26 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
Jun 13 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
Mar 10 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
vue.js 获取当前自定义属性值
Jun 01 Javascript
详解VUE2.X过滤器的使用方法
Jan 11 Javascript
微信小程序实现流程进度的图样式功能
Jan 16 Javascript
JS运动特效之链式运动分析
Jan 24 Javascript
layui表单提交到后台自动封装到实体类的方法
Sep 12 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
php中转义mysql语句的实现代码
2011/06/24 PHP
linux使用crontab实现PHP执行计划定时任务
2014/05/10 PHP
标准PHP的AES加密算法类
2015/03/12 PHP
php + nginx项目中的权限详解
2017/05/23 PHP
PhpStorm 2020.3:新增开箱即用的PHP 8属性(推荐)
2020/10/30 PHP
Javascript模块模式分析
2008/05/16 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
2014/04/12 Javascript
JavaScript异步加载浅析
2014/12/28 Javascript
全面解析多种Bootstrap图片轮播效果
2016/05/27 Javascript
vue.js入门教程之计算属性
2016/09/01 Javascript
JS实现字符串转驼峰格式的方法
2016/12/16 Javascript
详解为Angular.js内置$http服务添加拦截器的方法
2016/12/20 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
2017/02/06 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
jQuery阻止事件冒泡实例分析
2018/07/03 jQuery
Javascript中parseInt的正确使用方式
2018/10/17 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
vue计算属性computed的使用方法示例
2019/03/13 Javascript
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
2019/11/15 Javascript
[02:40]2014DOTA2 国际邀请赛中国区预选赛 四大豪门抵达华西村
2014/05/23 DOTA
Python 调用VC++的动态链接库(DLL)
2008/09/06 Python
python使用在线API查询IP对应的地理位置信息实例
2014/06/01 Python
python中MySQLdb模块用法实例
2014/11/10 Python
关于反爬虫的一些简单总结
2017/12/13 Python
Python中函数的返回值示例浅析
2019/08/28 Python
基于django2.2连oracle11g解决版本冲突的问题
2020/07/02 Python
CSS3中的Media Queries学习笔记
2016/05/23 HTML / CSS
美体小铺美国官网:The Body Shop美国
2017/11/10 全球购物
初中生自我鉴定
2014/02/04 职场文书
学校文明单位申报材料
2014/05/06 职场文书
政治学求职信
2014/06/03 职场文书
法定代表人身份证明书(含说明)
2014/10/02 职场文书
《刺客之王:C罗全景传记》:时代从来不会亏待手艺人
2019/11/28 职场文书
Python的代理类实现,控制访问和修改属性的权限你都了解吗
2022/03/21 Python
经典《舰娘》游改全新动画预告 预定11月开播
2022/04/01 日漫
Mysql的Table doesn't exist问题及解决
2022/12/24 MySQL