070823更新的一个[消息提示框]组件 兼容ie7

2016-02-19 09:05 7 1 收藏

下面是个超简单的070823更新的一个[消息提示框]组件 兼容ie7教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

提示: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
说明:网络空间速度原因,首次打开演示可能图片加载较慢,请打开后稍后图片下载完毕或下载源码到本地查看演示。
源码下载:
本地下载

来源:http://www.tulaoshi.com/n/20160219/1589472.html

延伸阅读
标签: Web开发
字体真是个麻烦的东西,然后又是个重要的东西。为以更方的解决字体问题,就像上次推荐的《》,为了Pixel Perfect,我们不断纠结。像支付宝在CSS Reset中是这样写的: body{ :12px Tahoma,Helvetica,Arial,,sans-serif}  而淘宝这样写: body, button, input, select, textarea { :12px/1.5 ta...
本教程非常适合做网页弹出窗口的美化。制作方法非常简单,只需要用到图层样式设置就可以。效果很不错。 最终效果 1、新建一个文件,然后用圆角矩形绘制一个圆角巨型。双击图层调出图层样式,选择渐变叠加,参数设置如图1,图2。 图1 图2 2、再设置外发光,参数设置如下图。 图3 3、大致的水晶质感做好了,再在横...
Java语言从其诞生到现在不过短短五年时间,却已经成为全球最热门的语言,Java程序员正成为IT业其它程序员中薪金最高的职员。这一切都应归功于Java良好的特性:简单、面向对象、分布式、平台无关性、可移植性、支持多线程等等。本文将用Java的多线程特性来实现线程等待提示框。 1、问题的提出 在Java应用程序编程中,有时需要在GUI(图形化用...
第一步:登入我们的QQ,将QQ页面显示出来。 第二步:点击我们QQ页面左下角的企鹅图标,在上拉栏里选择系统设置,然后点击个人资料。 第三步:打开我们的个人资料之后,在左下角点击我们的系统设置。 第四步:然后点击状态...
标签: 电脑入门
经常遇到网友求助:怎么样卸载win7自带的IE8, 装IE7或IE6?看到这里,很多人也许会觉得纳闷,这么好的东西,为什么要去掉?是啊,从IE7开始,在IE浏览器上面就多了这个搜索框,可以便捷的去搜索网络。但是,很多用户是从XP时代一路走来,从IE6时代一路走来,他们从来就不用这个东西,原因很简单,一个是看着就碍眼,另外一个原因是,地址栏一样输...

经验教程

664

收藏

79
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部