【消息提示组件】,兼容IE6/7&&FF2


Posted in Javascript onSeptember 04, 2007

作者: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/

Javascript 相关文章推荐
Javascript结合css实现网页换肤功能
Nov 02 Javascript
关于使用 jBox 对话框的提交不能弹出问题解决方法
Nov 07 Javascript
javascipt基础内容--需要注意的细节
Apr 10 Javascript
JS取得绝对路径的实现代码
Jan 16 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
May 06 Javascript
简述JavaScript中正则表达式的使用方法
Jun 15 Javascript
jQuery实现form表单元素序列化为json对象的方法
Dec 09 Javascript
整理一下常见的IE错误
Nov 18 Javascript
JS实现淡入淡出图片效果的方法分析
Dec 20 Javascript
微信小程序支付前端源码
Aug 29 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
Sep 12 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
一个用js实现控制台控件的代码
Sep 04 #Javascript
科讯商业版中用到的ajax空间与分页函数
Sep 02 #Javascript
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
Aug 31 #Javascript
给Javascript数组插入一条记录的代码
Aug 30 #Javascript
用javascript实现给出的盒子的序列是否可连为一矩型
Aug 30 #Javascript
Expandable "Detail" Table Rows
Aug 29 #Javascript
出现“不能执行已释放的Script代码”错误的原因及解决办法
Aug 29 #Javascript
You might like
初步介绍PHP扩展开发经验分享
2012/09/06 PHP
windows7下安装php的imagick和imagemagick扩展教程
2014/07/04 PHP
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
JavaScript解析URL参数示例代码
2013/08/12 Javascript
js实现单行文本向上滚动效果实例代码
2013/11/28 Javascript
使用GruntJS构建Web程序之合并压缩篇
2014/06/06 Javascript
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
判断访客终端类型集锦
2015/06/05 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
2015/09/02 Javascript
JQuery+Ajax实现数据查询、排序和分页功能
2015/09/27 Javascript
谈谈AngularJs中的隐藏和显示
2015/12/09 Javascript
Javascript技术栈中的四种依赖注入小结
2016/02/27 Javascript
JS中常用的输出方式(五种)
2016/06/12 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
2016/06/24 Javascript
Knockout结合Bootstrap创建动态UI实现产品列表管理
2016/09/14 Javascript
禁用backspace网页回退功能的实现代码
2016/11/15 Javascript
JS判断数组那点事
2017/10/10 Javascript
基于JavaScript实现五子棋游戏
2020/08/26 Javascript
Vue 监听列表item渲染事件方法
2018/09/06 Javascript
element的el-table中记录滚动条位置的示例代码
2019/11/06 Javascript
原生JavaScript实现五子棋游戏
2020/11/09 Javascript
vue3弹出层V3Popup实例详解
2021/01/04 Vue.js
Python 由字符串函数名得到对应的函数(实例讲解)
2017/08/10 Python
python绘制铅球的运行轨迹代码分享
2017/11/14 Python
深入理解Python单元测试unittest的使用示例
2017/11/18 Python
pandas修改DataFrame列名的实现方法
2019/02/22 Python
Python Selenium 之数据驱动测试的实现
2019/08/01 Python
50行Python代码实现视频中物体颜色识别和跟踪(必须以红色为例)
2019/11/20 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
Python中import导入不同目录的模块方法详解
2020/02/18 Python
python切割图片的示例
2020/11/12 Python
荣耀商城:HIHONOR
2020/11/03 全球购物
怎样写好自我评价呢?
2014/02/16 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
小学家庭教育心得体会
2016/01/14 职场文书