网络编程
位置:首页>> 网络编程>> JavaScript>> JS弹出窗口插件zDialog简单用法示例

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

作者:郑文亮  发布时间:2024-05-22 10:32:18 

标签:JS,弹出窗口,插件

本文实例讲述了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程序设计有所帮助。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com