Jul
19
更新日志:
2008-07-21:
1、解决了与页面window.onload事件冲突的bug。
2、更新css,解决消息字体在部分浏览器下字体难看的问题。
3、修改了组件按钮生成方式、按钮点击事件的回调方式及tab/方向键切换按钮焦点部分代码的实现,准备下个版本支持多按钮/用户自定义按钮/不显示按钮。
4、修改了DEMO,增加换肤演示。
================================
上个版本距今有一年多了,一直承诺发布2.0版,但由于自己的种种原因,一直拖延到今天才发布,之前可能让不少网友失望,对此我深表抱歉!呵呵~废话不多说了,本来这个早就完成了,但由于存在很多细节的问题没有处理,今天周末,大早上8点多爬起来一直拼搏到现在自己才觉得比较满意,可以发布了,可能还会有不少的问题,如果大家在使用中遇到可以即时在博客中反馈给我。
组件名称:
ymPrompt消息提示组件 2.0
2008-07-21:
1、解决了与页面window.onload事件冲突的bug。
2、更新css,解决消息字体在部分浏览器下字体难看的问题。
3、修改了组件按钮生成方式、按钮点击事件的回调方式及tab/方向键切换按钮焦点部分代码的实现,准备下个版本支持多按钮/用户自定义按钮/不显示按钮。
4、修改了DEMO,增加换肤演示。
================================
上个版本距今有一年多了,一直承诺发布2.0版,但由于自己的种种原因,一直拖延到今天才发布,之前可能让不少网友失望,对此我深表抱歉!呵呵~废话不多说了,本来这个早就完成了,但由于存在很多细节的问题没有处理,今天周末,大早上8点多爬起来一直拼搏到现在自己才觉得比较满意,可以发布了,可能还会有不少的问题,如果大家在使用中遇到可以即时在博客中反馈给我。
组件名称:
ymPrompt消息提示组件 2.0
From 本站原创
Aug
22
提示:2.0版已经发布,详情请访问:http://www.ajaxbbs.net/ymPrompt2.0/
======================================================
前段时间公司需要写的一个小组件,用于替代windows2000默认的灰色消息组件(alert/Confirm),由于公司开发的系统主要针对IE浏览器,所以开始的代码在ff下运行无效,今日打算拿出共享,为了尽少挨砖,花了将近一个小时将代码进行了兼容性的修改,目前在ie6.0和FF2.0下运行正常,其他浏览器未测,公司任务在身,懒得花大量时间整这个,满足多数需求即可。
组件简介:
1、调用方式进行二次分装,现编写成类,然后将调用方法变成几个简单的方法调用,调用时无需new了。调用方法明了简单。
2、兼容IE6.0+、FF1.5+、Opear9+,兼容HTML4/XHTML1.0页面渲染模式。
3、支持CSS皮肤定制。目前提供了五种皮肤,Vista、QQ、dmm-green、ExtBlue和BlackColl。有兴趣可以修改样式表文件定义新的皮肤。
4、提供四种消息类型。分别为消息提示、成功信息、错误信息、询问信息。
5、弹出消息框时屏蔽页面其它元素的操作,自动隐藏页面select及iframe下select(无限级select隐藏),并遮罩iframe等元素。
6、页面select控件状态还原时保持原状态,即如果原来select就是隐藏的,则消息框弹出并关闭后该select仍保持隐藏状态,而只显示原本显示的select。
7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5),“消息确认框”支持“tab键/左右方向键”切换确定/取消焦点。
8、支持在iframe页面中弹出消息框时遮盖最外层页面(需引用扩展文件ymPromptEx.js)。
9、只要组件js与样式目录相对位置不变,无论将组件放在哪个文件夹中都只需正确引入js文件即可,组件会自动得到css的路径。
10、可以在页面任何地方调用,不会因为页面未加载完毕而导致错误,程序自动判断并等待页面加载完毕后弹出。
使用简介:
1、首先在页面中引入ymPrompt.js。如果在iframe中使用且希望消息框显示在最外层页面则还要引入ymPromptEx.js。[/color]
[color=#0000FF]2、然后调用需要的消息函数:
(1)Alert(content,width,height,title,okFunc,cancelFunc) //消息提示类型
(2)SucceedInfo(....) //成功信息类型
(3)ErrorInfo(...) //错误信息类型
(4)ConfirmInfo(....) //询问消息类型
四个方法的参数完全相同:
content:消息组件要显示的内容。
width:消息框的宽度,不设定请置null,宽度自适应。
height:消息框的高度,不设定请置null,高度自适应。
title:消息组件标题
okFunc:点击确定按钮时执行的函数的名称。
CancelFunc:点击取消或关闭按钮时执行的函数的名称。 [/size]
新增功能说明(20070914):
1、皮肤配置:定义全局变量 __ymPrompt_skin。如var __ymPrompt_skin="qq",则消息组件会使用qq皮肤。
2、不同目录的引用,在任何目录下只要正确引入js即可正常显示组件皮肤。
新功能演示(不同目录调用和皮肤设定):http://www.ajaxbbs.net/test/ymPrompt/testPath/test.html
查看演示:http://www.ajaxbbs.net/test/ymPrompt/demo.htm
说明:网络空间速度原因,首次打开演示可能图片加载较慢,请打开后稍后图片下载完毕或下载源码到本地查看演示。
2.0版已经发布,详细介绍及下载地址:http://www.ajaxbbs.net/ymPrompt2.0/
1.0源码下载【20071124发布】:
下载文件 (已下载 1425 次)
===============================================
版权问题:本代码主要用于技术学习研究和交流,个人或非盈利性组织可以免费使用,非经允许不得用于商业用途。
======================================================
前段时间公司需要写的一个小组件,用于替代windows2000默认的灰色消息组件(alert/Confirm),由于公司开发的系统主要针对IE浏览器,所以开始的代码在ff下运行无效,今日打算拿出共享,为了尽少挨砖,花了将近一个小时将代码进行了兼容性的修改,目前在ie6.0和FF2.0下运行正常,其他浏览器未测,公司任务在身,懒得花大量时间整这个,满足多数需求即可。
组件简介:
1、调用方式进行二次分装,现编写成类,然后将调用方法变成几个简单的方法调用,调用时无需new了。调用方法明了简单。
2、兼容IE6.0+、FF1.5+、Opear9+,兼容HTML4/XHTML1.0页面渲染模式。
3、支持CSS皮肤定制。目前提供了五种皮肤,Vista、QQ、dmm-green、ExtBlue和BlackColl。有兴趣可以修改样式表文件定义新的皮肤。
4、提供四种消息类型。分别为消息提示、成功信息、错误信息、询问信息。
5、弹出消息框时屏蔽页面其它元素的操作,自动隐藏页面select及iframe下select(无限级select隐藏),并遮罩iframe等元素。
6、页面select控件状态还原时保持原状态,即如果原来select就是隐藏的,则消息框弹出并关闭后该select仍保持隐藏状态,而只显示原本显示的select。
7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5),“消息确认框”支持“tab键/左右方向键”切换确定/取消焦点。
8、支持在iframe页面中弹出消息框时遮盖最外层页面(需引用扩展文件ymPromptEx.js)。
9、只要组件js与样式目录相对位置不变,无论将组件放在哪个文件夹中都只需正确引入js文件即可,组件会自动得到css的路径。
10、可以在页面任何地方调用,不会因为页面未加载完毕而导致错误,程序自动判断并等待页面加载完毕后弹出。
使用简介:
1、首先在页面中引入ymPrompt.js。如果在iframe中使用且希望消息框显示在最外层页面则还要引入ymPromptEx.js。[/color]
[color=#0000FF]2、然后调用需要的消息函数:
(1)Alert(content,width,height,title,okFunc,cancelFunc) //消息提示类型
(2)SucceedInfo(....) //成功信息类型
(3)ErrorInfo(...) //错误信息类型
(4)ConfirmInfo(....) //询问消息类型
四个方法的参数完全相同:
content:消息组件要显示的内容。
width:消息框的宽度,不设定请置null,宽度自适应。
height:消息框的高度,不设定请置null,高度自适应。
title:消息组件标题
okFunc:点击确定按钮时执行的函数的名称。
CancelFunc:点击取消或关闭按钮时执行的函数的名称。 [/size]
新增功能说明(20070914):
1、皮肤配置:定义全局变量 __ymPrompt_skin。如var __ymPrompt_skin="qq",则消息组件会使用qq皮肤。
2、不同目录的引用,在任何目录下只要正确引入js即可正常显示组件皮肤。
新功能演示(不同目录调用和皮肤设定):http://www.ajaxbbs.net/test/ymPrompt/testPath/test.html
查看演示:http://www.ajaxbbs.net/test/ymPrompt/demo.htm
说明:网络空间速度原因,首次打开演示可能图片加载较慢,请打开后稍后图片下载完毕或下载源码到本地查看演示。
2.0版已经发布,详细介绍及下载地址:http://www.ajaxbbs.net/ymPrompt2.0/
1.0源码下载【20071124发布】:
下载文件 (已下载 1425 次)===============================================
版权问题:本代码主要用于技术学习研究和交流,个人或非盈利性组织可以免费使用,非经允许不得用于商业用途。
From 本站原创







