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 相关文章推荐
juqery 学习之三 选择器 子元素与表单
Nov 25 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
Sep 10 Javascript
js 左右悬浮对联广告特效代码
Dec 12 Javascript
JS实现可点击展开与关闭的左侧广告代码
Sep 02 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
Sep 21 Javascript
在vue中获取token,并将token写进header的方法
Sep 26 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 29 Javascript
vue 路由子组件created和mounted不起作用的解决方法
Nov 05 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
Nov 20 Javascript
JS快速实现简单计算器
Apr 08 Javascript
vue-cli3中配置alias和打包加hash值操作
Sep 04 Javascript
VUE递归树形实现多级列表
Jul 15 Vue.js
找到了一篇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
人族 TERRAN 概述
2020/03/14 星际争霸
PHP5中的时间相差8小时的解决办法
2008/03/28 PHP
thinkPHP5实现的查询数据库并返回json数据实例
2017/10/23 PHP
一个简单的js鼠标划过切换效果
2010/06/30 Javascript
js与运算符和或运算符的妙用
2014/02/14 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
2014/05/22 Javascript
node.js中的fs.read方法使用说明
2014/12/17 Javascript
关于JS变量和作用域详解
2016/07/28 Javascript
vue指令以及dom操作详解
2017/03/04 Javascript
vue移动端裁剪图片结合插件Cropper的使用实例代码
2017/07/10 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
Angular之toDoList的实现代码示例
2017/12/02 Javascript
微信小程序出现wx.navigateTo页面不跳转问题的解决方法
2017/12/26 Javascript
微信小程序仿知乎实现评论留言功能
2018/11/28 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
Python中使用 Selenium 实现网页截图实例
2014/07/18 Python
Python实现Sqlite将字段当做索引进行查询的方法
2016/07/21 Python
Python内置函数reversed()用法分析
2018/03/20 Python
PyQt5实现拖放功能
2018/04/25 Python
Pandas:DataFrame对象的基础操作方法
2018/06/07 Python
Python之用户输入的实例
2018/06/22 Python
详解python中init方法和随机数方法
2019/03/13 Python
python安装dlib库报错问题及解决方法
2020/03/16 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
关于Python错误重试方法总结
2021/01/03 Python
Python就将所有的英文单词首字母变成大写
2021/02/12 Python
基础的CSS3弹性盒Flexbox布局使用实例
2016/04/08 HTML / CSS
研究生自荐信
2013/10/09 职场文书
应届生高等护理求职信
2013/10/12 职场文书
演讲稿祖国在我心中
2014/05/04 职场文书
干部选拔任用方案
2014/05/26 职场文书
乡镇团代会开幕词
2016/03/04 职场文书
2016大学生国家助学贷款承诺书
2016/03/25 职场文书
Python基础之元类详解
2021/04/29 Python
HTML5页面音频自动播放的实现方式
2021/06/21 HTML / CSS
Python 数据科学 Matplotlib图库详解
2021/07/07 Python