【消息提示组件】,兼容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 相关文章推荐
jQuery 数据缓存模块进化史详细介绍
Nov 19 Javascript
jquery使用append(content)方法注意事项分享
Jan 06 Javascript
JS取得绝对路径的实现代码
Jan 16 Javascript
javascript中createElement的两种创建方式
May 14 Javascript
JavaScript实现把数字转换成中文
Jun 29 Javascript
有关json_decode乱码及NULL的问题
Oct 13 Javascript
jQuery EasyUI API 中文帮助文档和扩展实例
Aug 01 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
微信小程序用户自定义模版用法实例分析
Nov 28 Javascript
javascript中的replace函数(带注释demo)
Jan 07 Javascript
在react中使用vuex的示例代码
Jul 30 Javascript
JS中超越现实的匿名函数用法实例分析
Jun 21 Javascript
一个用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.ini中文版(1)
2006/10/09 PHP
如何在PHP中使用Oracle数据库(3)
2006/10/09 PHP
php学习之 循环结构实现代码
2011/06/09 PHP
CentOS 7.2 下编译安装PHP7.0.10+MySQL5.7.14+Nginx1.10.1的方法详解(mini版本)
2016/09/01 PHP
PHP+mysql实现从数据库获取下拉树功能示例
2017/01/06 PHP
Thinkphp整合阿里云OSS图片上传实例代码
2019/04/28 PHP
jquery选择器(常用选择器说明)
2010/09/28 Javascript
学习从实践开始之jQuery插件开发 对话框插件开发
2012/04/26 Javascript
对于this和$(this)的个人理解
2013/09/08 Javascript
js字母大小写转换实现方法总结
2013/11/13 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
2014/03/05 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
提高jQuery性能优化的技巧
2015/08/03 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
js添加千分位的实现代码(超简单)
2016/08/01 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
jQuery实现动态文字搜索功能
2017/01/05 Javascript
node.js中express中间件body-parser的介绍与用法详解
2017/05/23 Javascript
运用js实现图层拖拽的功能
2019/05/24 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
Python中的二叉树查找算法模块使用指南
2014/07/04 Python
python3批量删除豆瓣分组下的好友的实现代码
2016/06/07 Python
python3爬取各类天气信息
2018/02/24 Python
python 3.7.0 安装配置方法图文教程
2018/08/27 Python
python代码打印100-999之间的回文数示例
2019/11/24 Python
python对Excel按条件进行内容补充(推荐)
2019/11/24 Python
python关于变量名的基础知识点
2020/03/03 Python
详解python的super()的作用和原理
2020/10/29 Python
严选全球尖货,立足香港:Bonpont宝盆
2018/07/24 全球购物
Lulu Guinness露露·吉尼斯官网:红唇包
2019/02/03 全球购物
英国手机壳购买网站:Case Hut
2019/04/11 全球购物
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的?
2013/02/17 面试题
国际语言毕业生求职信
2014/07/08 职场文书
2015年生产部工作总结范文
2015/05/25 职场文书