【消息提示组件】,兼容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 相关文章推荐
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
非常棒的10款jQuery 幻灯片插件
Jun 14 Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 Javascript
chrome调试javascript详解
Oct 21 Javascript
省市区三级联动jquery实现代码
Apr 15 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
vue组件jsx语法的具体使用
May 21 Javascript
vue实例中data使用return包裹的方法
Aug 27 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
Apr 17 Javascript
vue实现表格合并功能
Dec 01 Vue.js
一个用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
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
php生成短网址示例
2014/05/05 PHP
PHP实现阳历到农历转换的类实例
2015/03/07 PHP
PHP抓取网页、解析HTML常用的方法总结
2015/07/01 PHP
php设计模式之建造器模式分析【星际争霸游戏案例】
2020/01/23 PHP
浅析PHP反序列化中过滤函数使用不当导致的对象注入问题
2020/02/15 PHP
js 操作select与option(示例讲解)
2013/12/20 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
跟我学习javascript的for循环和for...in循环
2015/11/18 Javascript
js获取上传文件的绝对路径实现方法
2016/08/02 Javascript
vue组件如何被其他项目引用
2017/04/13 Javascript
本地存储localStorage用法详解
2017/07/31 Javascript
JavaScript创建防篡改对象的方法分析
2018/12/30 Javascript
微信小程序云开发之使用云函数
2019/05/17 Javascript
前端Electron新手入门教程详解
2019/06/21 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
2019/08/08 jQuery
微信小程序实现watch监听
2020/06/04 Javascript
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
2020/11/05 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
2020/11/06 Javascript
python实现从web抓取文档的方法
2014/09/26 Python
python使用三角迭代计算圆周率PI的方法
2015/03/20 Python
python列表操作之extend和append的区别实例分析
2015/07/28 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
Python 实现OpenCV格式和PIL.Image格式互转
2020/01/09 Python
Python sep参数使用方法详解
2020/02/12 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
整理HTML5的一些新特性与Canvas的常用属性
2016/01/29 HTML / CSS
EJB包括(SessionBean,EntityBean)说出他们的生命周期,及如何管理事务的?
2013/02/17 面试题
初一体育教学反思
2014/01/29 职场文书
有趣的广告词
2014/03/18 职场文书
2014大学班主任工作总结
2014/11/08 职场文书
新生儿未入户证明
2015/06/23 职场文书
2016年大学生就业指导课心得体会
2015/10/09 职场文书
MySQL的安装与配置详细教程
2021/06/26 MySQL
Python实现抖音热搜定时爬取功能
2022/03/16 Python