【消息提示组件】,兼容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 点击整页变灰的效果(可做退出效果)。
Jan 09 Javascript
jQuery each()方法的使用方法
Mar 18 Javascript
jquery中获得$.ajax()事件返回的值并添加事件的方法
Apr 15 Javascript
JS文本框不能输入空格验证方法
Mar 19 Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 Javascript
JavaScript将XML转成JSON的方法
Mar 12 Javascript
谈一谈JS消息机制和事件机制的理解
Apr 14 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
Oct 12 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
Jan 11 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
Mar 03 Javascript
实战node静态文件服务器的示例代码
Mar 08 Javascript
JS Generator 函数的含义与用法实例总结
Apr 08 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实现webservice实例
2014/11/06 PHP
详解WordPress中提醒安装插件以及隐藏插件的功能实现
2015/12/25 PHP
javascript 通用简单的table选项卡实现
2010/05/07 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
js数组操作常用方法
2014/05/08 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
2014/06/03 Javascript
Jquery修改页面标题title其它JS失效的解决方法
2014/10/31 Javascript
node.js中的console.log方法使用说明
2014/12/09 Javascript
jQuery中clone()方法用法实例
2015/01/16 Javascript
JavaScript保存并运算页面中数字类型变量的写法
2015/07/06 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
2015/10/06 Javascript
JavaScript添加随滚动条滚动窗体的方法
2016/02/23 Javascript
自动化测试读写64位操作系统的注册表
2016/08/15 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
vue拦截器Vue.http.interceptors.push使用详解
2017/04/22 Javascript
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
2017/07/08 jQuery
React学习之事件绑定的几种方法对比
2017/09/24 Javascript
AngularJS中table表格基本操作示例
2017/10/10 Javascript
vue组件中使用props传递数据的实例详解
2018/04/08 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
2018/06/15 Javascript
layui form.render('select', 'test2') 更新渲染的方法
2019/09/27 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
2020/04/07 Javascript
python实现字符串中字符分类及个数统计
2018/09/28 Python
Django模型序列化返回自然主键值示例代码
2019/06/12 Python
如何给Python代码进行加密
2020/01/10 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
利用python 下载bilibili视频
2020/11/13 Python
微软开源最强Python自动化神器Playwright(不用写一行代码)
2021/01/05 Python
IE9下html5初试小刀
2010/09/21 HTML / CSS
美国亚洲时尚和美容产品的一站式网上商店:Stylevana
2019/09/05 全球购物
会计岗位描述
2014/02/22 职场文书
我的求职择业计划书
2014/04/04 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
公司表扬稿范文
2015/05/05 职场文书
能让Python提速超40倍的神器Cython详解
2021/06/24 Python