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 相关文章推荐
利用进制转换压缩数字函数分享
Jan 02 Javascript
javascript框架设计之种子模块
Jun 23 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 Javascript
javascript创建对象、对象继承的实用方式详解
Mar 08 Javascript
基于javascript实现样式清新图片轮播特效
Mar 30 Javascript
下一代Bootstrap的5个特点 超酷炫!
Jun 17 Javascript
使用node.js中的Buffer类处理二进制数据的方法
Nov 26 Javascript
详解JS中的立即执行函数
Feb 24 Javascript
JavaScript Uploadify文件上传实例
Feb 28 Javascript
JavaScript实现计数器基础方法
Oct 10 Javascript
Node.js 如何利用异步提升任务处理速度
Jan 07 Javascript
vue路由中前进后退的一些事儿
May 18 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实现的树形结构数据存取类实例
2014/11/29 PHP
php连接与操作PostgreSQL数据库的方法
2014/12/25 PHP
Laravel 5 框架入门(一)
2015/04/09 PHP
PHP生成唯一订单号
2015/07/05 PHP
Laravel 已登陆用户再次查看登陆页面的自动跳转设置方法
2019/09/30 PHP
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
2013/01/23 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
2015/09/19 Javascript
谈谈javascript中使用连等赋值操作带来的问题
2015/11/26 Javascript
EditPlus中的正则表达式 实战(4)
2016/12/15 Javascript
Vue.js实战之组件的进阶
2017/04/04 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
2017/08/03 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
2018/08/09 Javascript
js tab栏切换代码实例解析
2019/09/03 Javascript
原生JS实现记忆翻牌游戏
2020/07/31 Javascript
[55:35]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第二场 1月22日
2021/03/11 DOTA
TensorFlow实现iris数据集线性回归
2018/09/07 Python
Python3的介绍、安装和命令行的认识(推荐)
2018/10/20 Python
Python 新建文件夹与复制文件夹内所有内容的方法
2018/10/27 Python
Python 实现递归法解决迷宫问题的示例代码
2020/01/12 Python
Python爬虫程序架构和运行流程原理解析
2020/03/09 Python
Ubuntu中配置TensorFlow使用环境的方法
2020/04/21 Python
Python Excel vlookup函数实现过程解析
2020/06/22 Python
伦敦剧院及景点门票:Encore Tickets
2018/07/01 全球购物
英国在线汽车和面包车零件商店:Car Parts 4 Less
2018/08/15 全球购物
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
KIKO MILANO俄罗斯官网:意大利领先的化妆品和护肤品品牌
2021/01/09 全球购物
继电保护工岗位职责
2014/01/05 职场文书
社区包粽子活动方案
2014/01/21 职场文书
《愚公移山》教学反思
2014/02/20 职场文书
小学生母亲节演讲稿
2014/05/07 职场文书
小学语文教学经验交流材料
2014/06/02 职场文书
安全横幅标语
2014/06/09 职场文书
党员学习群众路线心得体会
2014/11/04 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
使用scrapy实现增量式爬取方式
2022/06/21 Python