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 相关文章推荐
js 获取和设置css3 属性值的实现方法
May 06 Javascript
基于jquery实现的文字淡入淡出效果
Nov 14 Javascript
js检测网络是否具体连接功能的代码
May 23 Javascript
JavaScript比较两个对象是否相等的方法
Feb 06 Javascript
JQuery实现带排序功能的权限选择实例
May 18 Javascript
简介JavaScript中Math.cos()余弦方法的使用
Jun 15 Javascript
javascript insertAfter()定义与用法示例
Jul 25 Javascript
js前端面试题及答案整理(一)
Aug 26 Javascript
使用JS 插件qrcode.js生成二维码功能
Feb 20 Javascript
Vue 重置组件到初始状态的方法示例
Oct 10 Javascript
使用React手写一个对话框或模态框的方法示例
Apr 25 Javascript
在vue中实现给每个页面顶部设置title
Jul 29 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
重置版宣传动画
2020/04/09 魔兽争霸
如何去掉文章里的 html 语法
2006/10/09 PHP
php反弹shell实现代码
2009/04/22 PHP
php析构函数的简单使用说明
2015/08/24 PHP
php处理带有中文URL的方法
2016/07/11 PHP
jquery 循环显示div的示例代码
2013/10/18 Javascript
js分页工具实例
2015/01/28 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
javascript实现的简单的表单验证
2015/07/10 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
2015/11/04 Javascript
学习JavaScript设计模式之享元模式
2016/01/18 Javascript
JavaScript获取客户端IP的方法(新方法)
2016/03/11 Javascript
bootstrap+jQuery实现的动态进度条功能示例
2017/05/25 jQuery
Vue 2中ref属性的使用方法及注意事项
2017/06/12 Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
2017/09/06 Javascript
JS中使用textPath实现线条上的文字
2017/12/25 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
JavaScript类数组对象转换为数组对象的方法实例分析
2018/07/24 Javascript
详解js location.href和window.open的几种用法和区别
2019/12/02 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
Js数组扁平化实现方法代码总汇
2020/11/11 Javascript
[01:01:24]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第三局
2016/02/25 DOTA
pycharm 使用心得(五)断点调试
2014/06/06 Python
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
详解duck typing鸭子类型程序设计与Python的实现示例
2016/06/03 Python
Python基于Pymssql模块实现连接SQL Server数据库的方法详解
2017/07/20 Python
Django数据库操作之save与update的使用
2020/04/01 Python
Python -m参数原理及使用方法解析
2020/08/21 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
CSS3 实现雷达扫描图的示例代码
2020/09/21 HTML / CSS
一位农村小子的自荐信
2014/04/07 职场文书
尼克胡哲观后感
2015/06/08 职场文书
婚礼迎宾词大全
2015/08/10 职场文书
mysql timestamp比较查询遇到的坑及解决
2021/11/27 MySQL
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android
SQL Server中搜索特定的对象
2022/05/25 SQL Server