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用于查询操作的实现代码
May 10 Javascript
javascript面向对象之二 命名空间
Feb 08 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
Dec 11 Javascript
js实现遮罩层划出效果是生成div而不是显示
Jul 29 Javascript
JavaScript判断数组是否存在key的简单实例
Aug 03 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
从零开始学习Node.js系列教程之SQLite3和MongoDB用法分析
Apr 13 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 Javascript
微信小程序scroll-view组件实现滚动动画
Jan 31 Javascript
layui 设置table 行的高度方法
Aug 17 Javascript
JQuery animate动画应用示例
May 14 jQuery
javascript的hashCode函数实现代码小结
Aug 11 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 处理图片的类实现代码
2009/10/23 PHP
ThinkPHP发送邮件示例代码
2016/10/08 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
js自带函数备忘 数组
2006/12/29 Javascript
基于jquery的合并table相同单元格的插件(精简版)
2011/04/05 Javascript
浅析JavaScript原型继承的陷阱
2013/12/03 Javascript
将list转换为json失败的原因
2013/12/17 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
基于OL2实现百度地图ABCD marker的效果
2015/10/01 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
学习JavaScript鼠标响应事件
2015/12/25 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
2017/08/18 Javascript
基于vue配置axios的方法步骤
2017/11/09 Javascript
解决vue中无法动态修改jqgrid组件 url地址的问题
2018/03/01 Javascript
微信小程序实现留言板(Storage)
2018/11/02 Javascript
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
Python的IDEL增加清屏功能实例
2017/06/19 Python
Python数据分析之如何利用pandas查询数据示例代码
2017/09/01 Python
python fuzzywuzzy模块模糊字符串匹配详细用法
2019/08/29 Python
python 爬虫 实现增量去重和定时爬取实例
2020/02/28 Python
tensorflow实现残差网络方式(mnist数据集)
2020/05/26 Python
python 带时区的日期格式化操作
2020/10/23 Python
CSS3教程(10):CSS3 HSL声明设置颜色
2009/04/02 HTML / CSS
偷看我的初中毕业鉴定
2014/01/29 职场文书
本科毕业生专业自荐书范文
2014/02/05 职场文书
外贸专业求职信
2014/03/09 职场文书
政治思想表现评语
2014/05/04 职场文书
读书伴我成长演讲稿
2014/05/07 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
2014年生产管理工作总结
2014/12/23 职场文书
2015年保卫科工作总结
2015/05/14 职场文书
个人收入证明范本
2015/06/12 职场文书
安全教育片观后感
2015/06/17 职场文书
浅谈Java实现分布式事务的三种方案
2021/06/11 Java/Android