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 相关文章推荐
很可爱的输入框
Aug 03 Javascript
关于JavaScript的一些看法
May 27 Javascript
用jQuery模拟select下拉框的简单示例代码
Jan 26 Javascript
Javascript快速排序算法详解
Dec 03 Javascript
js图片轮播手动切换效果
Nov 10 Javascript
JavaScript中浅讲ajax图文详解
Nov 11 Javascript
js设置随机切换背景图片的简单实例
Nov 12 Javascript
JS简单实现查看文档创建日期、修改日期和文档大小的方法示例
Apr 08 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 Javascript
微信小程序实现手势滑动效果
Aug 26 Javascript
JavaScript函数柯里化实现原理及过程
Dec 02 Javascript
React如何使用axios请求数据并把数据渲染到组件
Aug 05 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积分兑换接口实例
2015/02/09 PHP
php并发加锁示例
2016/10/17 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
jqgrid 简单学习笔记
2011/05/03 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
jquery struts 验证唯一标识(公用方法)
2013/03/27 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
2020/04/16 Javascript
javascript对浅拷贝和深拷贝的详解
2016/10/14 Javascript
使用html+js+css 实现页面轮播图效果(实例讲解)
2017/09/21 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
微信小程序实现弹出菜单功能
2018/06/12 Javascript
Vue中CSS动画原理的实现
2019/02/13 Javascript
详解微信小程序网络请求接口封装实例
2019/05/02 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
2020/05/10 Javascript
JS相册图片抖动放大展示效果的示例代码
2021/01/29 Javascript
python 使用get_argument获取url query参数
2017/04/28 Python
解析Python中的eval()、exec()及其相关函数
2017/12/20 Python
pyqt远程批量执行Linux命令程序的方法
2019/02/14 Python
Python常用爬虫代码总结方便查询
2019/02/25 Python
python对csv文件追加写入列的方法
2019/08/01 Python
python自动发微信监控报警
2019/09/06 Python
波兰补充商店:Muscle Power
2018/10/29 全球购物
瀑布模型都有哪些优缺点
2014/06/23 面试题
采购主管的岗位职责
2013/12/17 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
乳制品整治工作方案
2014/05/29 职场文书
农村党员一句话承诺
2014/05/30 职场文书
爱心助学感谢信
2015/01/21 职场文书
我们的节日元宵节活动总结
2015/02/06 职场文书
JavaScript继承的三种方法实例
2021/05/12 Javascript
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL
MySQL学习之基础命令实操总结
2022/03/19 MySQL
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js
Win10系统搭建ftp文件服务器详细教程
2022/08/05 Servers