070823更新的一个[消息提示框]组件 兼容ie7


Posted in Javascript onAugust 29, 2007

提示:8.23修复了ie 7显示错误的bug,请下载过的朋友重新下载。对此表示抱歉!

更新说明:
2007-08-23 11:50
1、修复了IE7.0下按钮文字错位的BUG(下载源码已经更新,请下载过的朋友重新下载)。
2、修改了部分js程序代码。(弹出框的高度只在初始化时进行计算)

2007-08-23 21:30 
1、完善了组件简介,原来没有写5-7三个介绍,可能有些朋友也没有注意到。这里补上!

======================================================
前段时间公司需要写的一个小组件,用于替代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
说明:网络空间速度原因,首次打开演示可能图片加载较慢,请打开后稍后图片下载完毕或下载源码到本地查看演示。
源码下载:
本地下载

Javascript 相关文章推荐
jquery 1.4.2发布!主要是性能与API
Feb 25 Javascript
javascript 数据类型转换(parseInt,parseFloat)
Jul 20 Javascript
js下用eval生成JSON对象
Sep 17 Javascript
js 连接数据库如何操作数据库中的数据
Nov 23 Javascript
js自定义事件及事件交互原理概述(二)
Feb 01 Javascript
Google Dart编程语法和基本类型学习教程
Nov 27 Javascript
js实现input框文字动态变换显示效果
Aug 19 Javascript
jQuery Validation Plugin验证插件手动验证
Jan 26 Javascript
js拖拽的原型声明和用法总结
Apr 04 Javascript
JS中的函数与对象的创建方式
May 12 Javascript
详解Vue的watch中的immediate与watch是什么意思
Dec 30 Javascript
vue页面跳转实现页面缓存操作
Jul 22 Javascript
找到了一篇jQuery与Prototype并存的冲突的解决方法
Aug 29 #Javascript
javascript动画效果类封装代码
Aug 28 #Javascript
Google韩国首页图标动画效果
Aug 26 #Javascript
javascript在一段文字中的光标处插入其他文字
Aug 26 #Javascript
有一段有意思的代码-javascript现实多行信息
Aug 26 #Javascript
LBS blog sql注射漏洞[All version]-官方已有补丁
Aug 26 #Javascript
javascript下操作css的float属性的特殊写法
Aug 22 #Javascript
You might like
php中对xml读取的相关函数的介绍一
2008/06/05 PHP
php通过ajax实现双击table修改内容
2014/04/28 PHP
使用phpexcel类实现excel导入mysql数据库功能(实例代码)
2016/05/12 PHP
深入理解PHP中的empty和isset函数
2016/05/26 PHP
thinkPHP5.0框架开发规范简介
2017/03/25 PHP
PHP正则表达式处理函数(PCRE 函数)实例小结
2019/05/09 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
js 单引号 传递方法
2009/06/22 Javascript
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
JavaScript EasyPager 分页函数
2011/05/25 Javascript
js window.print实现打印特定控件或内容
2013/09/16 Javascript
JavaScript实现简单的时钟实例代码
2013/11/23 Javascript
js 通用订单代码
2013/12/23 Javascript
简体中文转换繁体中文(实现代码)
2013/12/25 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
2015/10/23 Javascript
轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作(2)
2015/11/30 Javascript
使用JavaScript实现弹出层效果的简单实例
2016/05/31 Javascript
浅析JavaScript中作用域和作用域链
2016/12/06 Javascript
vue双向绑定的简单实现
2016/12/22 Javascript
layui select获取自定义属性方法
2018/08/15 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
2019/06/06 Javascript
解决layui动态添加的元素click等事件触发不了的问题
2019/09/20 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
2019/12/06 Javascript
微信小程序语音同步智能识别的实现案例代码解析
2020/05/29 Javascript
[03:24]DOTA2超级联赛专访hao 大翻盘就是逆袭
2013/05/24 DOTA
HTML5在canvas中绘制复杂形状附效果截图
2014/06/23 HTML / CSS
HTML5全屏(Fullscreen)API详细介绍
2015/04/24 HTML / CSS
定制iPhone和Macbook保护壳:Slick Case
2018/11/21 全球购物
乡下人家教学反思
2014/02/01 职场文书
社区党支部承诺书
2015/04/29 职场文书
董事长秘书工作总结
2015/08/14 职场文书
资深HR教你写好简历中的自我评价
2019/05/07 职场文书
Python基础知识学习之类的继承
2021/05/31 Python
Python Flask请求扩展与中间件相关知识总结
2021/06/11 Python
关于Python使用turtle库画任意图的问题
2022/04/01 Python