当前位置: 首页 > 编程笔记 >

JS弹出窗口插件zDialog简单用法示例

邢炯
2023-03-14
本文向大家介绍JS弹出窗口插件zDialog简单用法示例,包括了JS弹出窗口插件zDialog简单用法示例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JS弹出窗口插件zDialog简单用法。分享给大家供大家参考,具体如下:

因为没有元素可以显示到Frameset上面去,所以重新定义了,一个index.htm,对其的操作是:

Index.htm

<script language="javascript" src="JS/zDialog/zDialog.js" type="text/javascript"></script>
<script language="javascript" src="JS/zDialog/zDrag.js" type="text/javascript"></script>//引入相应的界面
<script language="javascript" type="text/javascript">
//在其子页面中,调用此方法打开相应的界面
function openDialog(title,url)
{
var dlg=new Dialog();//定义Dialog对象
dlg.Model=true;
dlg.Width=500;//定义长度
dlg.Height=400;
dlg.URL=url;
dlg.Title=title;
dlg.show();
}
</script>

再定义一个iframe来引入相应的界面:

<iframe src="default.htm" height="600" width="100%" frameborder="0" id="parentframe"name="parentframe" marginheight="0" marginwidth="0" runat="server" scrolling="auto"></iframe>

在它的需要调用弹出窗口的界面中可以这样写:

function b(URL,title,id)
{
set_current(id);
top.openDialog(title,URL);
//此处调用的是index.htm中的js方法
}

其中在其他的子页面中,弹出一个提示框的:

top.Dialog.alert("提示成功");//只进行提示
top.Dialog.close();//关闭窗口
top.Dialog.alert("提示成功",function(){top.Dialog.close();})//弹出提示,点击确定以后关闭弹出窗口

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

 类似资料:
  • 问题内容: 我是使用AngularJS的新手。我有4个名为“取消”,“拒绝”,“成功”和“删除”的按钮。如果我单击任何按钮,我想显示多条消息,即,如果我单击“取消”,则显示您单击“取消”按钮的消息,依此类推。 我从下面的链接进行跟踪,但是在此示例中未使用简单的警报且未使用任何控制器。 我想要一个 在ANGULARJS指令 示例中的 模态弹出框, 这样我才能理解。我尝试用谷歌搜索它,但是没有找到简单

  • 我真的是一个新的反应,我真的不明白我可能做错了什么。 我有这个JSX文件 我想在另一个文件中使用它,如下所示: 我遵循CSS方法来创建本文中的弹出窗口:https://codepen.io/bastianalbers/pen/PWBYvz 按照回答中的建议做:反应。js:将一个组件包装到另一个组件中 试图理解以下文章:https://medium.com/@dan_abramov/milins-a

  • 问题内容: 我正在设计一个网页。当我们单击名为mail的div的内容时,如何显示一个包含标签电子邮件和文本框的弹出窗口? 问题答案: 首先是CSS-调整它,但是您喜欢: 和JavaScript: 最后是html: 这是一个jsfiddle演示和实现。 根据情况,您可能需要通过ajax调用来加载弹出内容。最好避免这种情况,因为这可能会给用户带来更大的延迟,使他们无法观看内容。如果采用这种方法,您将在

  • 我有这段代码显示了一个按钮谁显示一个弹出窗口,我希望用户能够关闭弹出窗口点击它的外部时,它是打开的。

  • 问题内容: 我正在尝试使用wunderground的api,Leaflet和Cloudmade将天气图标显示在地图标记中。我已经显示了文本和带有图标图像的变量,但是我不确定如何显示它。这是我的代码: 我尝试了一下但没有成功: 有什么建议? 问题答案: 标记的bindPopup方法仅将HTML内容作为字符串,因此您还需要在标记周围加上引号-类似于 应该为您工作。

  • 本文向大家介绍jQuery弹出层插件popShow用法示例,包括了jQuery弹出层插件popShow用法示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery弹出层插件popShow用法。分享给大家供大家参考,具体如下: popShow弹出层 图1.1 弹出层效果 1、引入JS和CSS文件 注意:这里需要引入JQuery库文件。 2、编写HTML代码 3、popShow的使用

  • 问题内容: 我想使用Firefox浏览器,使用RSelenium从网站下载文件。我正确地完成了所有操作(导航,选择正确的元素并写下我想要的内容);现在,我单击“下载”按钮,然后打开一个Firefox弹出窗口,并询问我是否要下载文件或“用…打开”。 不幸的是,由于隐私限制,我无法编写示例。 我的问题是:如何在需要时切换到弹出窗口/警报并单击“确定”? 我尝试了以下方法,但均未成功: 我也试过了 但是

  • Popup 是一种可以包含任何Html内容的弹出窗口,从App的主内容区域上弹出。 Popup 和其他所有的遮罩图层一样,是所谓的“临时视图”的一部分。 Popup 布局 Popup 布局相当简单. 你所需要做的就是将放到 body 里正确的位置上: <div class="modal modal-no-buttons"> ... <div class="popup"> An