===============================================================================
组件名称:
ymPrompt消息提示组件 4.0
===============================================================================
组件说明:
在web开发中,对于浏览器默认的消息提示框(如alert,confirm等)外观无法控制,同时我们经常希望能实现一些window.open之类的弹出框,但window.open弹出框存在诸多问题,如可能被拦截,界面不美观等。
为了实现更好的界面效果和控制,于是模拟系统的消息提示框及弹出窗口实现了该组件。在外观上可以通过css进行完全的控制。
===============================================================================
组件特点及功能介绍:
1、调用方式简单,直接使用ymPrompt.alert()的方式调用,传入相应的参数即可。
2、完美兼容各类浏览器,在以下浏览器测试通过:IE6.0+、FF1.5+、Opear9+、Safari3.1、Google Chrome 0.3.154,完美兼容HTML4/XHTML1.0页面渲染模式。
3、完全的CSS皮肤定制功能,所有外观包括显示图标/关闭按钮等都可以通过css设置。目前提供了五种皮肤,Vista、QQ、dmm-green、ExtBlue和BlackColl。有兴趣可以修改样式表文件定义新的皮肤。
4、提供五种消息类型。分别为消息提示、成功信息、错误信息、询问信息、弹出窗口。
5、支持对显示的操作按钮的自定义功能,如不显示按钮,或者显示“是、否、取消”等按钮,支持自定义图标。
6、弹出消息框时屏蔽页面其它元素的操作,自动隐藏页面select及iframe下select(无限级select隐藏),并遮罩iframe/object等元素。
7、页面select控件状态还原时保持原状态,即如果原来select就是隐藏的,则消息框弹出并关闭后该select仍保持隐藏状态,而只显示原本显示的select。
8、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5),“消息确认框”支持“tab键/左右方向键”切换组件按钮焦点。
9、可以页面加载的任意时间调用,如页面初始化时(onload之前)调用、页面加载完成后调用。
10、支持通过JSON(推荐)和传统的参数两种传入方式。如ymprompt.alert('消息内容',300,200,'消息标题',handler)和ymprompt.alert({message:'消息内容',width:300,height:200,title:'消息标题',handler:handler}),这两种写法是等价的。
11、只需要一个回调函数,可捕获确定、取消、关闭按钮及各种自定义按钮的点击事件。
12、无侵入性,组件对外只暴露一个ymPrompt变量,有效防止与页面程序变量的冲突。
13、程序(js)与样式(css)的完全分离,用户可根据需要加载对应css样式。
14、文件小,4.0版压缩后仅为9kb。
15、可实现语言的本地化,可用于英文等版本的系统中。
16、支持:自定义按钮/图标、是否显示标题栏、是否允许拖出窗口范围、是否随滚动条滚动、弹出框默认显示位置(8方向)、遮罩外观及是否显示等控制。
17、支持定义窗体拖动时窗体的透明度。
18、支持渐变式弹出和隐藏,支持定义渐变速度
19、支持连续多次调用弹出框,组件按照调用顺序显示(关闭当前弹出后自动显示下一个弹出)
20、支持配置最大化、最小化、关闭按钮是否显示。
==============================================================================
4.0 版本更新内容:
1、实现当重复引入ymPrompt.js时,只执行一次组件解析。
2、支持配置是否显示遮罩(showMask)。
3、支持配置弹出窗口显示在哪个位置(winPos)(9个内置位置和自定义坐标)。
4、支持esc键关闭弹出框。
5、解决IE Resize时遮罩层宽高不能正确计算的问题。
6、多语言支持,可以自定义显示的语言内容,如“确定”,“取消”按钮等。
7、解决页面Object对象遮盖弹出框的问题(对Object元素进行动态显示和隐藏)。
8、解决IE中鼠标不能在浏览器之外拖动的问题。
9、解决Iframe模式下拖动不流畅的问题。
10、支持iframe下时自定义iframe属性
11、支持定义窗体拖动时窗体的透明度(winAlpha)。
12、增加closeBtn参数用于设定是否显示关闭按钮
13、新增了simple和simplegray皮肤。
14、文件编码改为utf-8,更好兼容各种网页编码。
15、支持渐变式弹出和隐藏,支持定义渐变速度
16、支持弹出框队列方式显示(多次调用弹出,组件会自动在当前弹出框关闭后弹出下一个弹出框而不会覆盖之前的弹出框)
17、IE下阴影效果。
18、支持通过msgCls参数自定义弹出框内容的样式
19、支持最大化最小化、支持配置最大化最小化按钮是否显示。
20、增加max,min,normal三个方法用于设定窗口状态。
21、解决IE下有时报“IE无法打开INTERNET站点”的错误。
22、窗口支持渐隐渐现效果。
3.0 版本更新内容:
1、完美兼容各大主流浏览器,在IE6.0+、FF1.5+、Opear9+、Safari3.1、Google Chrome 0.3.154等浏览器均测试通过。
2、支持自定义按钮,可配置不显示按钮或者显示多个按钮。
3、支持自定义图标样式,可配置不显示图标。
4、增加setDefaultCfg方法,用于设定组件的默认属性。
5、对组件内部代码结构做了大的改动,性能有所提升。
6、支持普通窗体模式(没有图标和按钮)和iframe窗体模式(传入url即可)。
7、解决之前版本存在当组件宽度设定过宽时标题背景显示不全的问题。
8、解决在页面onload之前调用组件不论用那个方法都显示alert图标的问题。
9、在功能增加和改善的同时,程序比以前更精简,3.0的js文件与2.0相比大小几乎没有变化。
//2008-12-12新增
10、新增fixPosition参数设定是否当页面滚动时使弹出框始终浮动在屏幕的固定位置。
11、新增dragOut参数设定是否允许弹出框拖动到页面范围以外。
12、新增autoClose参数设定是否当用户点击按钮后自动关闭弹出框。
//2008-12-17新增
13、新增titleBar参数来控制是否显示标题栏。
2.0 版本更新内容:
1、2.0中程序不再自动加载样式表,由用户将样式表引入到页面中,相比1.0对样式的控制更加简单,且降低了程序实现的复杂性。
2、2.0除了支持传统的参数传入外,还支持JSON,通过json方式,不用再记忆参数顺序。
3、2.0解决了1.0在IE和FF下显示高度不一致的问题。
4、2.0代码封装程度更高,进对外公开一个变量ymPrompt,更好的防止变量冲突问题。
5、2.0代码更加简洁,文件更小,压缩版的由7k减为5k,未压缩的由16k减为11k。2.0中程序实现方式的改变也使性能相比1.0有所提升。
6、2.0回调函数变为一个,1.0中需要分别对确定和取消/关闭分别写回调函数,2.0中只需要一个回调函数,组件会为回调函数传入点击类型,如'ok','cancel','close',解决了1.0无法区分取消与关闭的问题。
7、调用方法及参数的一些小改变,如Alert改为ymprompt.alert(),当然你可以在你的程序中通过Alert=ymprompt.alert保留Alert的调用方式。
8、2.0提供了对遮罩的样式控制(颜色及透明度)。
===============================================================================
3.0版调用方法及参数说明:
1、在页面中引入ymPrompt.js。如:<script type="text/javascript" src="ymPrompt.js"></script>
2、在页面中引入对应的皮肤文件的CSS,如:<link rel="stylesheet" type="text/css" href="skin/qq/ymPrompt.css" />
3、自定义组件的默认配置信息(此步骤可选,该方法可以在任意时间调用)
在页面的js中通过ymPrompt.setDefaultCfg(cfg)方法修改组件部分或全部的默认属性。
如:ymPrompt.setDefaultCfg({maskAlpha:0.2,maskAlphaColor:'#00f'})
组件的所有配置项的默认值(对于没有设定的项将采用该配置项的默认值):
{
message: '内容', //消息框按钮
width: 300, //宽
height: 185, //高
title: '标题', //消息框标题
handler: function() {}, //回调事件
maskAlphaColor: '#000', //遮罩透明色
maskAlpha: 0.1, //遮罩透明度
iframe: false, //iframe模式
icoCls: '', //图标的样式
btn: null, //按钮配置
autoClose: true, //点击关闭、确定等按钮后自动关闭
fixPosition: true, //随滚动条滚动
dragOut: false, //不允许拖出窗体范围
titleBar: true, //显示标题栏
showMask: true, //显示遮罩
winPos: 'c', //在页面中间显示
winAlpha:0.8, //拖动窗体时窗体的透明度
closeBtn:true, //是否显示关闭按钮
showShadow:false, //不显示阴影,只对IE有效
useSlide:false, //不使用淡入淡出
slideCfg:{increment:0.3,interval:50}, //淡入淡出配置
//按钮文本,可通过自定义这些属性实现本地化
closeTxt: '关闭',
okTxt:' 确 定 ',
cancelTxt:' 取 消 ',
msgCls:'ym-content', //消息内容的样式
minBtn:true, //是否显示最小化按钮
minTxt:'最小化',
maxBtn:true, //是否显示最大化按钮
maxTxt:'最大化',
allowSelect:false, //是否允许选择消息框内容,默认不允许
allowRightMenu:false //是否允许在消息框使用右键,默认不允许
}
4、根据您的需要调用相应的消息函数:
ymPrompt.alert(参数) //消息提示类型
ymPrompt.succeedInfo(参数) //成功信息类型
ymPrompt.errorInfo(参数) //错误信息类型
ymPrompt.confirmInfo(参数) //询问消息类型
ymPrompt.win(参数) //自定义窗口类型
参数传入方式包含两种:
第一种即传统的参数传入,按照顺序传入相应的参数值即可(一定要按照顺序),对于不需要设定的值请传入null。如ymPrompt.alert('内容',null,null,'标题')
参数顺序:message,width,height,title,handler,maskAlphaColor,maskAlpha,iframe,icoCls,btn,autoClose,fixPosition,dragOut,titleBar,showMask,winPos,winAlpha
(推荐)第二种即JSON的传入方式,需要指定字段名,没有顺序,根据需要设定相关属性。如ymPrompt.alert({title:'标题',message:'内容'})
五个方法的参数个数及意�
没有合适的资源?快使用搜索试试~ 我知道了~
jsp,html,ajax .javascript 平时积累
共2261个文件
gif:1328个
html:290个
htm:217个
需积分: 9 15 下载量 28 浏览量
2009-09-29
14:14:06
上传
评论
收藏 10.24MB RAR 举报
温馨提示
jsp,html,ajax .javascript 很多有用的素材和用例 对初学者有帮组
资源推荐
资源详情
资源评论
收起资源包目录
jsp,html,ajax .javascript 平时积累 (2261个子文件)
admin.asp 27KB
JavaScript网页设计300例.chm 1.45MB
MD5.class 7KB
douban.css 31KB
index.css 15KB
style.css 14KB
35fadbca7ccb0a46f21fe76d.css 11KB
style.css 11KB
style.css 11KB
webjx-index.css 10KB
webjx-index.css 10KB
Register.css 8KB
news.css 7KB
news.css 7KB
space.css 6KB
dhtmlxtabbar.css 5KB
csdn.css 5KB
style.css 5KB
i-heart-ny.css 4KB
styles.css 3KB
style.css 3KB
calendar.css 3KB
lhgdialog.css 3KB
ymPrompt.css 2KB
css.css 2KB
ymPrompt.css 2KB
dashboard.css 2KB
ymPrompt.css 2KB
ymPrompt.css 2KB
ymPrompt.css 2KB
dhtmlxtree.css 2KB
dhtmlxtree.css 2KB
iframe.css 2KB
externalLinks.css 2KB
Site.css 2KB
qq.css 2KB
ymPrompt.css 2KB
ymPrompt.css 2KB
style.css 2KB
style.css 2KB
webjx-nav.css 1KB
webjx-nav.css 1KB
elements.css 1KB
typography.css 1KB
11.css 1KB
lightbox.css 1KB
webimPopup.css 1KB
nav.css 1002B
love.css 900B
css.css 860B
reset.css 812B
dtree.css 795B
pop_login.css 761B
main.css 719B
toc.css 620B
toc.css 620B
new_layout.css 558B
elementsImport.css 326B
JTree.css 261B
03.css 60B
data.csv 64B
js.doc 435KB
mysql乱码.doc 400KB
多种方式生成饼图.doc 139KB
jsp显示模型.doc 97KB
java时间格式.doc 96KB
JTree使用说明书.doc 72KB
验证码.doc 58KB
HTTP状态码.doc 58KB
jsp 打印报表.doc 56KB
sql注入.doc 54KB
获取当前用户的IP和MAC.doc 50KB
权限问题.doc 47KB
jsp之定义标签.doc 45KB
溢出出现省略号.doc 42KB
java统计图参考.doc 38KB
jsp include.doc 37KB
正则表达式.doc 37KB
java连接各种mysql.doc 37KB
jsp七大绝招.doc 34KB
jsp统计图.doc 33KB
数据库连接池.doc 33KB
jsp统计图1.doc 32KB
jdbc操作技巧.doc 32KB
mysql乱码2.doc 31KB
Eclipse常用快捷键.doc 31KB
生成饼图.doc 30KB
ext自动换肤色.doc 30KB
html表格内容自动换行.doc 27KB
AJAX级联菜单.doc 27KB
新建 Microsoft Word 文档.doc 26KB
输入框只能是数字.doc 24KB
JSP JAVA SERVELET 获取工程路径.doc 11KB
jfreechart参考API.doc 11KB
newtitle.gif 202KB
newtitle.gif 202KB
1.gif 121KB
2.gif 108KB
5.gif 91KB
4.gif 79KB
共 2261 条
- 1
- 2
- 3
- 4
- 5
- 6
- 23
资源评论
JIACHENGYI
- 粉丝: 1
- 资源: 17
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于Matlab人脸肤色定理的教师人数统计+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab霍夫曼变换的表盘读数识别+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab火灾烟雾检测源码带GUI界面+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab的恶劣天气交通标志识别系统+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB的霍夫曼变换的表盘示数识别+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab的车道线识别系统 +源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB的教室人数统计系统带Gui界面+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB的教室人数统计系统带Gui界面+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于MATLAB 的霍夫曼变换答题卡识别源码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab+bp神经网络的神经网络汉字识别系统+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功