`
jaychang
  • 浏览: 731607 次
  • 性别: Icon_minigender_1
  • 来自: 嘉兴
社区版块
存档分类
最新评论

zDialog v2.0 - samples

阅读更多

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 v2.0各种弹窗样式插件

    **zDialog v2.0** 是一款用于创建各种弹窗样式的插件,它提供了丰富的设计选项,使得在网页上创建美观且功能齐全的对话框变得简单易行。这款插件不仅包含了基本的对话框功能,还扩展了拖动(zDrag)和进度条...

    js弹框封装

    这里我们将深入探讨“zDialog v2.0”这个弹框插件,它提供了丰富的弹框样式,帮助开发者实现更美观、高效的用户界面。 zDialog v2.0 是一个专门用于创建各种弹框样式的JavaScript库,它的主要特点包括但不限于: 1...

    漂亮的弹出层

    在本案例中,我们关注的是名为“zDialog v2.0”的弹出层库。这个库可能是对原有zDialog的一个更新版本,旨在提供更加强大且易于使用的弹窗功能。 1. **zDialog是什么**: zDialog是一个JavaScript插件,专为创建...

    zDialog2.1 学习资料 例子 很漂亮的弹框js

    在IT行业中,JavaScript库和框架极大地推动了网页交互体验的发展,zDialog就是一个这样的库,它专注于提供美观且功能丰富的对话框。zDialog2.1是该库的一个版本,旨在为开发者提供更优雅、灵活的弹出窗口解决方案。...

    友好的弹出框zDialog

    在这个压缩包文件中,包含的是`zDialog`的v2.0版本,提供了多种弹窗样式的插件,使得开发者能够根据项目需求选择合适的对话框样式,以提高应用的美观性和功能性。 `zDialog`的主要特点和功能包括: 1. **多样化...

    zDialog弹出框-内附使用说明及demo

    代替window.open、window.alert、window.confirm;提供良好的用户体验; 水晶质感,设计细腻,外观漂亮; 兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透; 无外部css文件,引用Dialog.js...

    zDialog2.3

    《zDialog2.3——ZCMS弹出框架详解》 在网页开发中,用户交互界面的设计至关重要,其中弹出对话框作为一种常见的交互元素,能够提供更丰富的信息展示和操作反馈。zDialog2.3是ZCMS(ZCMS弹出框架)的最新版本,它为...

    zDialog2.1 zDialog升级最新版

    zDialog 2.1 zDialog升级最新版, zDialog在zcms提取最新版

    zDialog 弹窗 无错版

    zDialog v2.1 弹窗 无错版 代替window.open、window.alert、window.confirm;提供良好的用户体验; 水晶质感,设计细腻,外观漂亮; 兼容ie6/7/8、firefox2/3、Opera;弹出框在ie6下不会被select控件穿透; 无...

    可拖拽移动漂亮的zDialog弹出层代码

    "zDialog"是一个专为此目的设计的JavaScript库,它允许开发者创建可自定义、可拖拽移动的美观弹出层。在本篇文章中,我们将深入探讨zDialog的核心功能、应用场景以及如何使用它来提升用户体验。 1. **zDialog核心...

    zDialog 弹出IE

    "zDialog 弹出IE" 提到的是一个可能的JavaScript库或者组件,用于在网页应用中模拟Internet Explorer(简称IE)浏览器窗口的行为。zDialog可能是这个库的名字,它的设计目的是为了在不离开当前页面的情况下,展示...

    zDialog2.1修改版

    《zDialog2.1修改版》是一款针对原始zDialog组件进行升级优化的软件开发工具,主要面向编程人员,尤其在Windows应用开发领域中,用于创建更丰富、更自定义化的对话框界面。这次的修改版在原有的基础上增加了新的功能...

    jQuery弹出确认提示框插件zdialog.zip

    标题:"jQuery弹出确认提示框插件zdialog.zip"这个压缩包文件包含了针对JavaScript库jQuery的一个实用插件,zdialog。它主要功能是为网页开发者提供了一种简单而强大的方式来实现各种类型的交互式提示框,如警告、...

    颜色选择zDialog(兼容各个版本浏览器)

    颜色选择zDialog是一款适用于各种浏览器版本的颜色选择工具,它源于ewebeditor v10.8版本的组件。在网页设计和开发中,为用户提供直观、便捷的颜色选择功能是至关重要的,尤其是在处理涉及到色彩设定的场景,如表单...

    zDialog2.3 修复

    "zDialog2.3 修复"的标题和描述暗示了这是一个关于zDialog库的修复更新,版本号为2.3。zDialog可能是一个用于创建对话框的JavaScript库,它在Web应用程序中用于提供交互式的用户体验。 zDialog 2.3可能是这个库的一...

    网页遮罩层代码(转)zDialog

    在本案例中,我们关注的是"zDialog",它是一个实现遮罩层和对话框效果的JavaScript库。"zDialog"允许网页开发者创建具有淡入淡出效果、背景变暗等特性的弹出对话框,从而提升用户体验。 "zDialog"的核心功能包括: ...

    颜色选择zDialog(兼容各个版本浏览器)zDialog升级最新版

    颜色选择zDialog是一款高度兼容各种浏览器的对话框插件,专为实现颜色选取功能而设计。在网页设计和开发中,颜色选择器是必不可少的工具,它允许用户方便地从预设的颜色板中选取颜色,或者自定义输入颜色代码。...

    zDialog使用Demo

    在这个"zDialog使用Demo"中,我们将深入探讨如何利用zDialog来提升应用的交互性和美观性。 zDialog库提供了一系列预设的对话框样式和自定义选项,开发者可以根据需求轻松地创建警告对话、信息提示、确认操作等。...

    zDialog:迷你对话框

    t: 若有此属性且值为false 则不带标题 此时tStyle属性无效tStyle:无t属性或者t属性为true 时 生效 设置标题样式 eg tStyle{coloe:red,fontSize:'18px',backgroundColor:#fff}z:弹框内容 必有属性zStyle:弹框 文字 ...

Global site tag (gtag.js) - Google Analytics