【消息提示组件】,兼容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 打印页面代码
Mar 24 Javascript
jQuery 改变CSS样式基础代码
Feb 11 Javascript
JavaScript 代码压缩工具小结
Feb 27 Javascript
JS判断表单输入是否为空(示例代码)
Dec 23 Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 Javascript
基于JavaScript实现一定时间后去执行一个函数
Dec 14 Javascript
浅谈JS运算符&&和|| 及其优先级
Aug 10 Javascript
利用Angularjs实现幻灯片效果
Sep 07 Javascript
vue.js+Echarts开发图表放大缩小功能实例
Jun 09 Javascript
vue购物车插件编写代码
Nov 27 Javascript
JavaScript实现的超简单计算器功能示例
Dec 23 Javascript
JS实现带动画的回到顶部效果
Dec 28 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
基于empty函数的输出详解
2013/06/17 PHP
PHP使用GIFEncoder类生成gif动态滚动字幕
2014/07/01 PHP
对比PHP对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
jquery实现文本框鼠标右击无效以及不能输入的代码
2010/11/05 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
JavaScript 模拟类机制及私有变量的方法及思路
2013/07/10 Javascript
Javascript简单实现可拖动的div
2013/10/22 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
2016/02/27 Javascript
关于JavaScript 原型链的一点个人理解
2016/07/31 Javascript
酷! 不同风格页面布局幻灯片特效js实现
2021/02/19 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
JavaScript基本类型值-Number类型
2017/02/24 Javascript
vue.js通过路由实现经典的三栏布局实例代码
2018/07/08 Javascript
微信小程序登录session的使用
2019/03/17 Javascript
解决vue更新路由router-view复用组件内容不刷新的问题
2019/11/04 Javascript
React学习之受控组件与数据共享实例分析
2020/01/06 Javascript
JS实现前端动态分页码代码实例
2020/06/02 Javascript
VUE 实现element upload上传图片到阿里云
2020/08/12 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
python每次处理固定个数的字符的方法总结
2013/01/29 Python
Django模板变量如何传递给外部js调用的方法小结
2017/07/24 Python
python邮件发送smtplib使用详解
2020/06/16 Python
python 实现绘制整齐的表格
2019/11/18 Python
Python 面向对象部分知识点小结
2020/03/09 Python
Python3使用tesserocr识别字母数字验证码的实现
2021/01/29 Python
X/HTML5 和 XHTML2
2008/10/17 HTML / CSS
使用html5 canvas绘制圆环动效
2019/06/03 HTML / CSS
土木工程师岗位职责
2013/11/24 职场文书
护理实习自我鉴定
2013/12/14 职场文书
学校门卫管理制度
2014/01/30 职场文书
关爱老人标语
2014/06/21 职场文书
告知书格式
2015/07/01 职场文书
python实现黄金分割法的示例代码
2021/04/28 Python
MySQL派生表联表查询实战过程
2022/03/20 MySQL