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 Event对象的5种坐标
Sep 12 Javascript
jQuery 1.8 Release版本发布了
Aug 14 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
Sep 25 Javascript
jQuery简单几行代码实现tab切换
Mar 10 Javascript
JavaScript数组去重的两种方法推荐
Apr 05 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
Aug 11 Javascript
简单理解vue中Props属性
Oct 27 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
Apr 18 Javascript
微信小程序网络请求wx.request详解及实例
May 18 Javascript
Vue请求JSON Server服务器数据的实现方法
Nov 02 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
Aug 23 Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
Sep 02 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创建session的方法实例详解
2015/01/27 PHP
PHP 二维关联数组根据其中一个字段排序(推荐)
2017/04/04 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
js innerHTML 的一些问题的解决方法
2008/06/22 Javascript
jquery调用asp.net 页面后台的实现代码
2011/04/27 Javascript
向当前style sheet中插入一个新的style实现方法
2013/04/01 Javascript
jQuery中slice()方法用法实例
2015/01/07 Javascript
jquery实现键盘左右翻页特效
2015/04/30 Javascript
理解javascript模块化
2016/03/28 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
nodejs实例解析(输出hello world)
2017/01/03 NodeJs
Vue.2.0.5过渡效果使用技巧
2017/03/16 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
vue实现仿淘宝结账页面实例代码
2017/11/08 Javascript
使用ajax的post同步执行(实现方法)
2017/12/21 Javascript
jsonp跨域获取数据的基础教程
2018/07/01 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
vue 使用 sortable 实现 el-table 拖拽排序功能
2020/12/26 Vue.js
[02:39]DOTA2英雄基础教程 天怒法师
2013/11/29 DOTA
Python三级目录展示的实现方法
2016/09/28 Python
Python实现一个Git日志统计分析的小工具
2017/12/14 Python
Pytorch通过保存为ONNX模型转TensorRT5的实现
2020/05/25 Python
python sleep和wait对比总结
2021/02/03 Python
详解CSS3的图层阴影和文字阴影效果使用
2016/06/09 HTML / CSS
微软俄罗斯官方网站:Microsoft俄罗斯
2016/09/18 全球购物
FILA斐乐中国官方商城:意大利运动品牌
2017/01/25 全球购物
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
新锐科技Java程序员面试题
2016/07/25 面试题
办公室主任职责范文
2013/11/08 职场文书
跟单文员的岗位职责
2013/11/14 职场文书
公共场所禁烟倡议书
2014/08/30 职场文书
房产协议书范本2014
2014/09/30 职场文书
银行授权委托书格式
2014/10/10 职场文书
转变工作作风心得体会
2016/01/23 职场文书
Win11怎么添加用户?Win11添加用户账户的方法
2022/07/15 数码科技