【消息提示组件】,兼容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 相关文章推荐
COM中获取JavaScript数组大小的代码
Nov 22 Javascript
jquery中获得$.ajax()事件返回的值并添加事件的方法
Apr 15 Javascript
setTimeout和setInterval的区别你真的了解吗?
Mar 31 Javascript
JS操作select下拉框动态变动(创建/删除/获取)
Jun 02 Javascript
node.js中的fs.symlink方法使用说明
Dec 15 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
JavaScript在网页中画圆的函数arc使用方法
Nov 13 Javascript
Angularjs注入拦截器实现Loading效果
Dec 28 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
Nov 25 Javascript
vuex actions异步修改状态的实例详解
Nov 06 Javascript
Vue+ElementUI table实现表格分页
Dec 14 Javascript
如何利用JavaScript编写更好的条件语句详解
Aug 10 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
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
Flash+XML滚动新闻代码 无图片 附源码下载
2007/11/22 Javascript
jQuery Ajax文件上传(php)
2009/06/16 Javascript
JS实现下拉框的动态添加(附效果)
2013/04/03 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
下拉框select的绑定示例
2014/09/04 Javascript
Windows系统下使用Sublime搭建nodejs环境
2015/04/13 NodeJs
浅谈被jQuery抛弃的函数及替代函数
2015/05/03 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
2016/02/21 Javascript
Javascript实现跑马灯效果的简单实例
2016/05/31 Javascript
快速解决js开发下拉框中blur与click冲突
2016/10/10 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
2016/10/27 Javascript
JavaScript基于自定义函数判断变量类型的实现方法
2016/11/23 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
Vue2 Vue-cli中使用Typescript的配置详解
2017/07/24 Javascript
AngularJs+Bootstrap实现漂亮的计算器
2017/08/10 Javascript
使用nodejs+express实现简单的文件上传功能
2017/12/27 NodeJs
实例讲解JavaScript截取字符串
2018/11/30 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
2019/01/23 Javascript
python实现将pvr格式转换成pvr.ccz的方法
2015/04/28 Python
Python的几个高级语法概念浅析(lambda表达式闭包装饰器)
2016/05/28 Python
Python生成数字图片代码分享
2017/10/31 Python
Python语言实现百度语音识别API的使用实例
2017/12/13 Python
python运行时强制刷新缓冲区的方法
2019/01/14 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
python 实现两个线程交替执行
2020/05/02 Python
python能否java成为主流语言吗
2020/06/22 Python
详解python使用金山词霸的翻译功能(调试工具断点的使用)
2021/01/07 Python
澳大利亚潮流尖端的快时尚品牌:Cotton On
2016/09/26 全球购物
施工材料员岗位职责
2014/02/12 职场文书
校庆活动方案
2014/03/31 职场文书
幼儿发展评估方案
2014/06/11 职场文书
篮球拉拉队口号
2015/12/25 职场文书
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
2021/06/09 Vue.js
MySQL学习之基础操作总结
2022/03/19 MySQL