【消息提示组件】,兼容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 学习笔记(十三)Dom创建表格
Jan 21 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 Javascript
javascript判断office版本示例
Apr 11 Javascript
js Object2String方便查看js对象内容
Nov 24 Javascript
javascript常用方法总结
May 14 Javascript
深入理解jQuery layui分页控件的使用
Aug 17 Javascript
react-native-video实现视频全屏播放的方法
Mar 19 Javascript
vue两个组件间值的传递或修改方式
Jul 04 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
Jun 28 Javascript
JavaScript实现简单验证码
Aug 24 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 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与javascript的两种交互方式
2006/10/09 PHP
php 采集书并合成txt格式的实现代码
2009/03/01 PHP
php 购物车实例(申精)
2009/05/11 PHP
php实现html标签闭合检测与修复方法
2015/07/09 PHP
浅谈PHP中其他类型转化为Bool类型
2016/03/28 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
prototype class详解
2006/09/07 Javascript
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
Javascript异步编程的4种方法让你写出更出色的程序
2013/01/17 Javascript
js获取某月的最后一天日期的简单实例
2013/06/22 Javascript
最短的IE判断var ie=!-[1,]分析
2014/05/28 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
2016/02/21 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
jquery.validate表单验证插件使用方法解析
2016/11/07 Javascript
最新Javascript程序员面试试题和解题方法
2017/11/23 Javascript
微信小程序实现多个按钮的颜色状态转换
2019/02/15 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
2019/03/28 jQuery
Vue项目中配置pug解析支持
2019/05/10 Javascript
Javascript组合继承方法代码实例解析
2020/04/02 Javascript
[04:22]DOTA2上海特级锦标赛主赛事第四日TOP10
2016/03/06 DOTA
Python实现的一个自动售饮料程序代码分享
2014/08/25 Python
Ubuntu 16.04 LTS中源码安装Python 3.6.0的方法教程
2016/12/27 Python
Linux-ubuntu16.04 Python3.5配置OpenCV3.2的方法
2018/04/02 Python
Python操作mongodb的9个步骤
2018/06/04 Python
python cumsum函数的具体使用
2019/07/29 Python
Python面向对象封装操作案例详解
2019/12/31 Python
python递归调用中的坑:打印有值, 返回却None
2020/03/16 Python
python 实现Harris角点检测算法
2020/12/11 Python
纯CSS实现设置半个字符的样式
2014/07/03 HTML / CSS
澳大利亚设计的婴儿和女孩的衣服:Oobi
2018/12/16 全球购物
弘扬雷锋精神活动演讲稿
2014/03/04 职场文书
2014年清明节寄语
2014/04/03 职场文书
小学生环保演讲稿
2014/04/25 职场文书
机动车交通事故协议书
2015/01/29 职场文书
爱国主义教育主题班会
2015/08/13 职场文书
Apache Pulsar结合Hudi构建Lakehouse方案分析
2022/03/31 Servers