- 博客(0)
- 资源 (13)
- 收藏
- 关注
jquery弹窗
标题 [title]
$.dialog({title:'我是新标题'});
内容 [content]
1. 传入字符串
$.dialog({content: '我支持HTML'});
2. 使用iframe方式加载单独的内容页
$.dialog({content: 'url:content/content.html'});
确定取消按钮 [ok & cancel]
备注:回调函数this指向扩展接口,如果返回false将阻止对话框关闭
$.dialog({
content: '如果定义了回调函数才会出现相应的按钮',
ok: function(){
this.title('3秒后自动关闭').time(3);
return false;
},
cancelVal: '关闭',
cancel: true /*为true等价于function(){}*/
});
最大化最小化按钮 [max & min]
备注:此参数是用来显示或隐藏最大化最小化按钮
$.dialog({
content: '不显示最大化和最小化按钮',
max: false,
min: false
});
自定义按钮 [button]
备注:回调函数this指向扩展接口,如果返回false将阻止对话框关闭;button参数对应的扩展方法名称也是"button"
$.dialog({
id: 'testID',
content: 'hello world!',
button: [
{
name: '同意',
callback: function(){
this.content('你同意了')
.button({
id:'disBtn',
name:'我变成有效按钮了',
disabled: false
});
return false;
},
focus: true
},
{
name: '不同意',
callback: function(){
alert('你不同意')
}
},
{
id: 'disBtn',
name: '无效按钮',
disabled: true
},
{
name: '关闭我'
}
]
});
设置大小 [width & height]
备注:尺寸可以带单位或使用百分比%
$.dialog({
width: '700px',
height: 500,
content: 'url:http://www.baidu.com'
});
静止定位 [fixed]
$.dialog({
fixed: true,
content: '请拖动滚动条查看'
});
自定义坐标 [left & top]
备注:尺寸可以带单位或使用百分比%
$.dialog({
left: 100,
top: '60%',
content: '我改变坐标了'
});
创建一个右下角浮动的消息窗口
$.dialog({
id: 'msg',
title: '公告',
content: '欢迎使用lhgdialog窗口!',
width: 200,
height: 100,
left: '100%',
top: '100%',
fixed: true,
drag: false,
resize: false
});
锁屏 [lock & background & opacity]
$.dialog({
lock: true,
content: '中断用户在对话框以外的交互,展示重要操作与消息',
icon: 'error.gif',
ok: function () {
/* 这里要注意多层锁屏一定要加parent参数 */
$.dialog({content: '再来一个锁屏', lock: true, parent:this});
return false;
},
cancel: true
});
定义消息图标 [icon]
$.dialog({
icon: 'success.gif',
content: '我可以定义消息图标哦'
});
内容与边界填充边距 [padding]
备注:注意图片加上width和height,否则出现位置偏移
$.dialog({
id: 'a15',
title: 'Android4.0照片',
lock: true,
content: '<img src="../_doc/images/android.jpg" width="600" height="404" />',
padding: 0
});
定时关闭的消息 [time]
$.dialog({
time: 2,
content: '两秒后关闭'
});
不许拖拽 [drag & resize]
$.dialog({
drag: false,
resize: false,
content: '禁止拖拽'
});
防止重复弹出 [id]
$.dialog({
id: 'testID2',
content: '再次点击运行看看'
});
$.dialog({id: 'testID2'}).title('3秒后关闭').time(3);
初始化和关闭回调函数 [init & close]
备注:回调函数中this指向窗口实例对象本身
$.dialog({
content: '初始化函数执行前窗口的内容',
left: '20%',
init: function(){
alert('正在执行初始化函数,此时你可看到窗口内容没有发生变化');
this.content('我是初始化函数执行后的窗口中的内容');
},
close: function(){
alert('我是窗口关闭前执行的函数,如果返回false将阻止窗口关闭');
}
});
父窗口对象 [parent]
备注:此参数只用在打开多层窗口都使用遮罩层时才会用到此参数,注意多层窗口锁屏时一定要加此参数
$.dialog({
id: 'LHG1976D',
/* ifrst.html 和 second.html 中的代码请自行查看 */
content: 'url:content/first.html',
lock:true
});
扩展方法演示
备注:扩展方法支持链式操作
直接引用返回 [content() & title()]
var api = $.dialog({
title: '我是对话框',
content: '我是初始化的内容'
});
api.content('对话框内容被扩展方法改变了').title('提示');
刷新跳转页面 [reload()]
$.dialog({
content: '点确定按钮后将刷新窗口调用页面',
ok: function(){
this.reload();
}
});
按钮接口演示 [button()]
备注:回调函数如果返回false将阻止对话框关闭
var dialog = $.dialog({
title: '警告',
content: '点击管理按钮将让删除按钮可用',
width: '20em',
button: [{
name: '管理',
callback: function () {
this
.content('我更改了删除按钮')
.button({
name: '删除',
disabled: false
})
.lock();
return false;
},
focus: true
}]
});
dialog.button(
{
name: '删除',
callback: function () {
alert('delect')
},
disabled: true
}
)
通过对话框ID引用 [get()]
var api1 = $.dialog({
content: '我是窗口中的内容',
id: 'LHG76D'
});
api1.get('LHG76D',1).content('我改变了窗口内容,并在2秒后关闭').time(2);
最大化和最小化 [max() & min()]
$.dialog({
content: '我现在是最大化窗口,点确定按钮最小化窗口',
id: 'LHG78D',
ok: function(){
this.min(); /* 这里调用了最小化方法 */
return false;
}
}).max();
标题倒计时
var timer;
$.dialog({
content: '时间越来越少,越来越少..',
init: function () {
var that = this, i = 5;
var fn = function () {
that.title(i + '秒后关闭');
!i && that.close();
i --;
};
timer = setInterval(fn, 1000);
fn();
},
close: function () {
clearInterval(timer);
}
});
关闭不删除内容 [hide() & show()]
$.dialog({
id: 'show-hide',
content: '关闭后阻止对话框被删除,只隐藏对话框',
close: function () {
this.hide();
return false;
}
})
外部方法演示
$.dialog.alert() 方法
$.dialog.alert('您正在使用lhgDialog弹出窗口组件。',function(){
alert('谢谢您的使用!');
});
$.dialog.confirm() 方法
$.dialog.confirm('你确定要删除这个消息吗?', function(){
$.dialog.tips('执行确定操作');
}, function(){
$.dialog.tips('执行取消操作');
});
$.dialog.prompt() 方法
$.dialog.prompt('请输入图片网址',
function(val){
$.dialog.tips(val);
},
'http://'
);
$.dialog.tips() 方法
/* 下面的只是演示代码,实际应用中一般这样写:
* $.dialog.tips('数据加载中...',600,'loading.gif');
* [这里是你要执行的代码]
* $.dialog.tips('数据加载完毕',1,'success.gif',function(){ 这里写完成后执行的其它代码 });
*/
$.dialog.tips('数据加载中...',600,'loading.gif');
setTimeout(function(){
$.dialog.tips('数据加载完毕',1,'tips.gif',function(){alert('加载完成后你要做什么?');});
}, 5000 );
2014-05-06
SecureFX 6.2.0
SecureFX是一款由VanDyke Software, Inc.(中文译为:范戴克软件公司)研发生产的支持普通FTP标准和安全数据传输标准(SFTP 或者 在SSH2 上的FTP)的FTP客户端软件,有着易用的、类似于资源管理器的用户界面。[1-2]
SecureFX 支持三种文件传输协议:FTP、SFTP 和 FTP over SSH2。它可以提供安全文件传输。无论您连接的是任何一种操作系统的服务器,它都能提供安全的传输服务。它主要用于Linux操作系统如redhat, ubuntu的客户端文件传输程序,您可以选择利用SFTP通过加密的SSH2实现安全传输,也可以利用FTP进行标准传输。该客户端具有Explorer风格的界面,易于使用,同时提供强大的自动化能力,可以实现自动化的安全文件传输。
SecureFX可以更加有效的实现文件的安全传输,您可以使用其新的拖放功能直接将文件拖至Windows Explorer和其他程序中,也可以充分利用SecureFX的自动化特性,实现无需人为干扰的文件自动传输。新版SecureFX采用了一个密码库,符合FIPS 140-2加密要求,改进了X.509证书的认证能力,可以轻松开启多个会话,并提高了SSH代理的功能。
2014-03-27
spring-2.5.5.chm
spring-2.5.5.chm是从官方下载的spring-framework-2.5.5-with-dependencies.zip解压后用工具将里面的html格式的api制作成chm格式的api文档,在这分享给寻找spring-2.5.5的chm格式的api文档的朋友们。
2014-03-24
hibernate-4.2.10.chm
hibernate-4.2.10.chm是从hibernate官网下载的hibernate-release-4.2.10.Final.zip压缩包解压后用工具将里面的javadocs制作成chm格式的api文档,分享给正在寻找hibernate-4.2.10.chm的朋友们
2014-03-24
struts-2.3.16.1 api
struts-2.3.16,api,帮助文档,官方帮助文档,chm帮助文档。
本文档为apache官方网站下载的struts-2.3.16.1源码编译后打包生成的chm格式的帮助文档,无任何修改痕迹。
2014-03-19
PowerDesigner15官方正式版下载地址+注册补丁使用说明
PowerDesigner是Sybase公司的CASE工具集,使用它可以方便地对管理信息系统进行分析设计,它几乎包括了数据库模型设计的全过程。利用PowerDesigner可以制作数据流程图、概念数据模型、物理数据模型,可以生成多种客户端开发工具的应用程序,还可为数据仓库制作结构模型,也能对团队设计模型进行控制。它可与许多流行的数据库设计软件,例如:PowerBuilder,Delphi,VB等相配合使用来缩短开发时间和使系统设计更优化。
2013-04-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人