【消息提示组件】,兼容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 live
May 15 Javascript
jquery获取css中的选择器(实例讲解)
Dec 02 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
Mar 03 Javascript
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
Jul 21 Javascript
socket.io学习教程之基本应用(二)
Apr 29 Javascript
JavaScript标准对象_动力节点Java学院整理
Jun 27 Javascript
vue2.0父子组件间传递数据的方法
Aug 16 Javascript
解决vue的变量在settimeout内部效果失效的问题
Aug 30 Javascript
vue-cli项目使用mock数据的方法(借助express)
Apr 15 Javascript
MockJs结合json-server模拟后台数据
Aug 26 Javascript
jquery实现点击弹出对话框
Feb 08 jQuery
如何利用js在两个html窗口间通信
Apr 27 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
星际争霸任务指南——神族
2020/03/04 星际争霸
php中OR与|| AND与&&的区别总结
2013/10/26 PHP
php验证是否是md5编码的简单代码
2014/04/01 PHP
PHP获取文件扩展名的4种方法
2015/11/24 PHP
PHP并发多进程处理利器Gearman使用介绍
2016/05/16 PHP
Yii使用smsto短信接口的函数demo示例
2016/07/13 PHP
thinkphp集成前端脚手架Vue-cli的教程图解
2018/08/30 PHP
动态改变textbox的宽高的js
2006/10/26 Javascript
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
利用了jquery的ajax实现二级联互动菜单
2013/12/02 Javascript
根据当前时间在jsp页面上显示上午或下午
2014/08/18 Javascript
js 获取html5的data属性实现方法
2017/07/28 Javascript
vue项目中定义全局变量、函数的几种方法
2019/11/08 Javascript
原生JS实现萤火虫效果
2020/03/07 Javascript
js实现超级玛丽小游戏
2020/03/18 Javascript
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
Python与Redis的连接教程
2015/04/22 Python
Django框架模板注入操作示例【变量传递到模板】
2018/12/19 Python
为什么从Python 3.6开始字典有序并效率更高
2019/07/15 Python
wxPython实现列表增删改查功能
2019/11/19 Python
基于python3.7利用Motor来异步读写Mongodb提高效率(推荐)
2020/04/29 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
纯css3制作煽动翅膀的蝴蝶的示例
2018/04/23 HTML / CSS
详解使用HTML5 Canvas创建动态粒子网格动画
2016/12/14 HTML / CSS
德国健康生活方式网上商店:Landkaufhaus Mayer
2019/03/12 全球购物
某公司.Net方向面试题
2014/04/24 面试题
留学推荐信怎么写
2014/01/25 职场文书
赔偿协议书范本
2014/04/15 职场文书
终止合同协议书
2014/04/17 职场文书
2014年幼儿园保育工作总结
2014/12/02 职场文书
汤姆叔叔的小屋读书笔记
2015/06/30 职场文书
小学中队委竞选稿
2015/11/20 职场文书
小学语文课《掌声》教学反思
2016/03/03 职场文书
世界各国短波电台对东亚播送时间频率表(SW)
2021/06/28 无线电
Html5获取用户当前位置的几种方式
2022/01/18 HTML / CSS