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加ASP二级域名转向的代码
May 17 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
jQuery新的事件绑定机制on()示例应用
Jul 18 Javascript
JS实现让网页背景图片斜向移动的方法
Feb 25 Javascript
jQuery在ul中显示某个li索引号的方法
Mar 17 Javascript
JavaScript中的substr()方法使用详解
Jun 06 Javascript
JavaScript的类型、值和变量小结
Jul 09 Javascript
React Native预设占位placeholder的使用
Sep 28 Javascript
d3.js实现自定义多y轴折线图的示例代码
May 30 Javascript
在vue中通过render函数给子组件设置ref操作
Nov 17 Vue.js
vue表单验证之禁止input输入框输入空格
Dec 03 Vue.js
react antd实现动态增减表单
Jun 03 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脚本数据库功能详解(上)
2006/10/09 PHP
php 图像函数大举例(非原创)
2009/06/20 PHP
PHP可变函数学习小结
2015/11/29 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
ie6下png图片背景不透明的解决办法使用js实现
2013/01/11 Javascript
javascript-表格排序(降序/反序)实现介绍(附图)
2013/05/30 Javascript
JavaScript获取图片的原始尺寸以宽度为例
2014/05/04 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
2014/05/11 Javascript
jQuery前端框架easyui使用Dialog时bug处理
2014/12/05 Javascript
使用jQuery管理选择结果
2015/01/20 Javascript
javascript中字体浮动效果的简单实例演示
2015/11/18 Javascript
jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
2015/12/03 Javascript
JavaScript绑定事件监听函数的通用方法
2016/05/14 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
浅谈javascript的url参数parse和build函数
2017/03/04 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
2019/01/25 Javascript
详解小程序设置缓存并且不覆盖原有数据
2019/04/15 Javascript
jquery登录的异步验证操作示例
2019/05/09 jQuery
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
[50:04]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第二局
2016/02/28 DOTA
python中字典dict常用操作方法实例总结
2015/04/04 Python
python uuid模块使用实例
2015/04/08 Python
Python文档生成工具pydoc使用介绍
2015/06/02 Python
对Python获取屏幕截图的4种方法详解
2019/08/27 Python
python GUI库图形界面开发之PyQt5打开保存对话框QFileDialog详细使用方法与实例
2020/02/27 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
英语翻译系毕业生求职信
2013/09/29 职场文书
火车来了教学反思
2014/02/11 职场文书
小学清明节活动总结
2014/07/04 职场文书
人事专员岗位职责
2015/02/03 职场文书
2015年行政部工作总结
2015/04/28 职场文书
PHP基本语法
2021/03/31 PHP
Python代码风格与编程习惯重要吗?
2021/06/03 Python
Python编程源码报错解决方法总结经验分享
2021/10/05 Python
Python简易开发之制作计算器
2022/04/28 Python