【消息提示组件】,兼容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实现继承机制之原型链(prototype chaining)的详解
May 07 Javascript
解析Javascript小括号“()”的多义性
Dec 03 Javascript
js变量、作用域及内存详解
Sep 23 Javascript
JavaScript头像上传插件源码分享
Mar 29 Javascript
微信小程序 下拉菜单的实现
Apr 06 Javascript
JavaScript实现简单的四则运算计算器完整实例
Apr 28 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
Oct 20 Javascript
Vue实现购物车场景下的应用
Nov 27 Javascript
微信小程序实现消息框弹出动画
Apr 18 Javascript
axios 实现post请求时把对象obj数据转为formdata
Oct 31 Javascript
微信小程序点击item使之滚动到屏幕中间位置
Mar 25 Javascript
OpenLayers3实现地图鹰眼以及地图比例尺的添加
Sep 25 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生成缩略图的代码
2011/01/12 PHP
基于PHP异步执行的常用方式详解
2013/06/03 PHP
PHP实现数组递归转义的方法
2014/08/28 PHP
PHP简单生成缩略图相册的方法
2015/07/29 PHP
php获取微信共享收货地址的方法
2017/12/21 PHP
一端时间轮换的广告
2006/06/26 Javascript
jquery tools系列 expose 学习
2009/09/06 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
JavaScript实现关键字高亮功能
2014/11/12 Javascript
JavaScript中数组成员的添加、删除介绍
2014/12/30 Javascript
js实现屏幕自适应局部代码分享
2015/01/30 Javascript
jquery插件qrcode在线生成二维码
2015/04/26 Javascript
jQuery插件kinMaxShow扩展效果用法实例
2015/05/04 Javascript
js实现卡片式项目管理界面UI设计效果
2015/12/08 Javascript
jQuery+formdata实现上传进度特效遇到的问题
2016/02/24 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
Bootstrap datepicker日期选择器插件使用详解
2017/07/26 Javascript
Vue集成Iframe页面的方法示例
2017/12/12 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
2018/06/08 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
2018/10/10 Javascript
微信小程序错误this.setData报错及解决过程
2019/09/18 Javascript
Vue extend的基本用法(实例详解)
2019/12/09 Javascript
[14:56]教你分分钟做大人:巫医
2014/10/30 DOTA
python实现的jpg格式图片修复代码
2015/04/21 Python
Python回调函数用法实例详解
2015/07/02 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
Python实现Pig Latin小游戏实例代码
2018/02/02 Python
Python实现合并同一个文件夹下所有PDF文件的方法示例
2018/04/28 Python
python高阶爬虫实战分析
2018/07/29 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
CSS实现雨滴动画效果的实例代码
2019/10/08 HTML / CSS
智能旅行箱:Horizn Studios
2018/04/30 全球购物
幼儿园家长评语大全
2014/04/16 职场文书
英镑符号 £
2022/02/17 杂记
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android