zDialog v2.0 - samples
1. 普通窗口
Dialog.open({
URL
:
"javascript:void(document.write('这是弹出窗口中的内容'))"
});
2. 设定了高宽和标题的普通窗口
var
diag =
new
Dialog();
diag.Width = 600;
diag.Height = 300;
diag.Title =
"设定了高宽和标题的普通窗口"
;
diag.
URL
=
"javascript:void(document.write('这是弹出窗口中的内容'))"
;
diag.show();
3. 内容页为外部连接的窗口
var
diag =
new
Dialog();
diag.Title =
"内容页为外部连接的窗口"
;
diag.
URL
=
"http://www.aspxcs.net/"
;
diag.show();
4. 内容页为html代码的窗口
var
diag =
new
Dialog();
diag.Title =
"内容页为html代码的窗口"
;
diag.InnerHtml=
'直接输出html,使用 InnerHtml
属性。
'
diag.show();
5. 内容页为隐藏的元素的html内容
var
diag =
new
Dialog();
diag.Title =
"内容页为隐藏的元素的html"
;
diag.InvokeElementId=
"forlogin"
diag.show();
8. 返回值到调用页面
var
diag =
new
Dialog();
diag.Title =
"返回值到调用页面"
;
diag.
URL
=
"javascript:void(document.write('这是弹出窗口中的内容'))"
;
diag.OKEvent =
function
(){
$id
(
'getval'
).
value
= diag.innerFrame.
contentWindow
.
document
.getElementById(
'a'
).
value
;diag.close();};
diag.show();
var
doc=diag.innerFrame.
contentWindow
.
document
;
doc.open();
doc.write(
' 请在文本框里输入一些值 '
) ;
doc.close();
9. 代替window.alert及window.confirm
Dialog.alert(
"提示:你点击了一个按钮"
);
Dialog.confirm(
'警告:您确认要XXOO吗?'
,
function
(){Dialog.alert(
"yeah,周末到了,正是好时候"
)});
13. 在弹窗的内容载入完成后,执行方法
var
diag =
new
Dialog();
diag.OnLoad=
function
(){alert(
"页面载入完成"
)};
diag.
URL
=
"http://www.aspxcs.net/";
;
diag.show();
注:如果窗体内为iframe内容页,要在载入完成后对内容页作操作,必须考虑访问权限,如引用页和当前页应在同一个域内。
16. 动态改变窗口大小
var
diag =
new
Dialog();
diag.Title =
"修改中窗体尺寸"
;
diag.
URL
=
"javascript:void(document.write('这是弹出窗口中的内容'))"
;
diag.OKEvent =
function
(){
var
doc=diag.innerFrame.
contentWindow
.
document
;
doc.open();
doc.write(
' 窗口尺寸改为600*300 '
) ;
doc.close();
diag.setSize(600,300);
};
diag.show();
diag.okButton.
value
=
"改变窗口大小"
17. 弹出窗口自动关闭
var
diag =
new
Dialog();
diag.AutoClose=5;
diag.ShowCloseButton=
false
;
diag.
URL
=
"javascript:void(document.write('这是弹出窗口中的内容'))"
;
diag.show();
注:AutoClose为自动关闭时间,单位秒
19. 窗体内的按钮操作父Dialog
var
diag =
new
Dialog();
diag.Title =
"窗体内的按钮操作父Dialog"
;
diag.
URL
=
"javascript:void(document.write('这是弹出窗口中的内容'))"
;
diag.show();
var
doc=diag.innerFrame.
contentWindow
.
document
;
doc.open();
doc.write(
' '
) ;
doc.close();
相关推荐
zDialog 各种漂亮的弹窗样式插件(zDialog zDrag zProgress),附带详细案例。
js弹框 zDialog v2.0各种弹窗样式插件 各种弹框封装样式
代替window.open、window.alert、window.confirm;提供良好的用户体验; 水晶质感,设计细腻,外观漂亮; 兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透; 无外部css文件,引用Dialog.js...
zDialog2.1 学习资料 例子 很漂亮的弹框js
zDialog 2.1 zDialog升级最新版, zDialog在zcms提取最新版
ZCMS弹出框架最新版2.3
zDialog v2.1 弹窗 无错版 代替window.open、window.alert、window.confirm;提供良好的用户体验; 水晶质感,设计细腻,外观漂亮; 兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透; 无...
颜色选择器zDialog(兼容各个版本浏览器),提取ewebeditor v11.1版的,zDialog升级最新版
1.代替window.open、window.alert、window.confirm;提供良好的用户体验; 2.水晶质感,设计细腻,外观漂亮; 3.兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透; 4.无外部css文件,引用Dialog...
zDialog2.3 修复
t: 若有此属性且值为false 则不带标题 此时tStyle属性无效tStyle:无t属性或者t属性为true 时 生效 设置标题样式 eg tStyle{coloe:red,fontSize:'18px',backgroundColor:#fff}z:弹框内容 必有属性zStyle:弹框 文字 ...
zDialog使用Demo
颜色选择器zDialog(兼容各个版本浏览器)提取ewebeditor v10.8版的
zdialog_demo例子。
代码简介:jQuery弹出确认提示框插件zdialog是一款分警告提示框,确认提示框,自动消失提示框,加载中提示等。
zDialog 友好的弹出框 有Demo有API
zDialogzDialog 弹出IEzDialog 弹出IEzDialog 弹出IEzDialog 弹出IE
基于源版本上升级而来,增加了一些属性及方法,窗体由原来的一个关闭按钮扩展到三个按钮:最小化、最大化、关闭。以及可以自定义皮肤样式。
一个很好的弹出框在zdialog,可以谈内容、欠页面等
可拖拽移动漂亮的zDialog弹出层代码