【消息提示组件】，兼容IE6/7&&FF2
更新时间：2007年09月04日 11:48:49 作者：
作者：yemoo
来源：WWW.AJAXBBS.NET
发布日期：2007-09-03
原文地址：http://www.ajaxbbs.net/blog/post/100/
特别说明：这只是一个纯客户端使用的js组件，非服务端控件（如asp.net控件等），改组件只是为了美化消息提示。
PS：希望大家多提有实际价值的建议或意见，如果合适我会继续做完善修改。
===================================================================
前段时间公司需要写的一个小组件，用于替代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
说明：网络空间速度原因，首次打开演示可能图片加载较慢，请打开后稍后图片下载完毕或下载源码到本地查看演示。
源码下载请到此处： http://www.ajaxbbs.net/blog/post/100/
来源：WWW.AJAXBBS.NET
发布日期：2007-09-03
原文地址：http://www.ajaxbbs.net/blog/post/100/
特别说明：这只是一个纯客户端使用的js组件，非服务端控件（如asp.net控件等），改组件只是为了美化消息提示。
PS：希望大家多提有实际价值的建议或意见，如果合适我会继续做完善修改。
===================================================================
前段时间公司需要写的一个小组件，用于替代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
说明：网络空间速度原因，首次打开演示可能图片加载较慢，请打开后稍后图片下载完毕或下载源码到本地查看演示。
源码下载请到此处： http://www.ajaxbbs.net/blog/post/100/
相关文章
本文给大家分享基于js实现的右键菜单功能和拖拽功能的代码解析，非常不错，具有一定的参考借鉴价值，感兴趣的朋友一起看看吧2016-11-11
javascript 程序库的比较（一）之DOM功能2010-04-04
JavaScript定时器setTimeout()和setInterval()详解
这篇文章主要为大家详细介绍了JavaScript定时器setTimeout()和setInterval()的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了ES6 Promise对象概念与用法,简单分析了Promise对象的基本状态与三种重要方法,并结合实例形式给出相关使用技巧,需要的朋友可以参考下2017-04-04
下面小编就为大家带来一篇js获取json中key所对应的value值的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
这篇文章主要介绍了小程序之简单登录注册表单验证，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
下面小编就为大家带来一篇JS判断是否为JSON对象及是否存在某字段的方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要为大家详细介绍了原生js实现表格循环滚动，每次滚动一行停顿，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
本文给大家通过3个方法向大家展示了javascript中的setTimeout的使用，非常的简单，有需要的小伙伴可以参考下。2015-07-07
Symbol是ES6新推出的一种基本类型,它表示独一无二的值,它可以接受一个字符串作为参数,带有相同参数的两个Symbol值不相等,这个参数只是表示Symbol值的描述而已,下面这篇文章主要给大家介绍了关于js中symbol类型以及symbol的三大应用场景,需要的朋友可以参考下2022-09-09
最新评论