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 相关文章推荐
一个简单的js鼠标划过切换效果
Jun 30 Javascript
jquery nth-child()选择器的简单应用
Jul 10 Javascript
javascript中onmouse事件在div中失效问题的解决方法
Jan 09 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
Jun 06 Javascript
JS+CSS实现的竖向简洁折叠菜单效果代码
Oct 22 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 Javascript
Boostrap实现的登录界面实例代码
Oct 09 Javascript
React组件的三种写法总结
Jan 12 Javascript
Bootstrap栅格系统简单实现代码
Mar 06 Javascript
vue渲染时闪烁{{}}的问题及解决方法
Mar 28 Javascript
ztree加载完成后显示勾选节点的实现代码
Oct 22 Javascript
JavaScript的Set数据结构详解
Feb 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实现的获取网站备案信息查询代码(360)
2013/09/23 PHP
php运行提示:Fatal error Allowed memory size内存不足的解决方法
2014/12/17 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
jquery 模拟雅虎首页的点击对话框效果
2010/04/11 Javascript
js预载入和JavaScript Image()对象使用介绍
2011/08/28 Javascript
jQuery toggleClass应用实例(附效果图)
2014/04/06 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
2015/01/08 Javascript
jQuery中Ajax的get、post等方法详解
2015/01/20 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
2015/03/03 Javascript
AngularJS模块管理问题的非常规处理方法
2015/04/29 Javascript
jquery插件NProgress.js制作网页加载进度条
2015/06/05 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
常用jQuery选择器汇总
2017/02/02 Javascript
JS正则替换去空格的方法
2017/03/24 Javascript
vuejs使用FormData实现ajax上传图片文件
2017/08/08 Javascript
ES6 系列之 WeakMap的使用示例
2018/08/06 Javascript
js面向对象方式实现拖拽效果
2021/03/03 Javascript
[48:32]VGJ.T vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python def函数的定义、使用及参数传递实现代码
2014/08/10 Python
python实现简单socket通信的方法
2016/04/19 Python
python中将\\uxxxx转换为Unicode字符串的方法
2018/09/06 Python
pycharm的console输入实现换行的方法
2019/01/16 Python
Django中间件基础用法详解
2019/07/18 Python
Flask缓存静态文件的具体方法
2020/08/02 Python
css3个性化字体_动力节点Java学院整理
2017/07/12 HTML / CSS
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
加拿大最大的书店:Indigo
2017/01/01 全球购物
介绍一下.net和Java的特点和区别
2012/09/26 面试题
生产班组长岗位职责
2014/01/05 职场文书
开学典礼感言
2014/02/16 职场文书
司机职责范本
2014/03/08 职场文书
活动总结怎么写
2014/04/28 职场文书
2014年街道办事处工作总结
2014/12/11 职场文书
法律进社区活动总结
2015/05/07 职场文书
react 路由Link配置详解
2021/11/11 Javascript