脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-dwz个人学习笔记（三）dialog弹出框,最小化，弹出位置，dialog中刷新dialog，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
最近由于项目需要，使用JS控制最小化，和弹出位置。情景是：在某个位置打开一个diaLOG的同时，关闭制定的弹窗。
为了使用方便，我简单封装了一下，有需要的可以直接用，希望在自己学习的同时，可以帮到大家。
在dwz.dialog.js 添加以下代码：
/***
* 跟据弹窗的唯一id,最小化窗口
* @param dialog dialogId
* 2017.09.06_JYH
*/
minimizeDialog:function(dialog){
if(tyPEof dialog == 'string') dialog = $("body").data(dialog);
$(dialog).hide();
$("p.shadow").hide();
VAR task = $.taskBar.getTask($(dialog).data("id"));
//alert(task.posITion().left);
$(".resizable").css({
top: $(dialog).css("top"),
left: $(dialog).css("left"),
height:$(dialog).css("height"),
width:$(dialog).css("width")
}).show().aniMATE({top:$(window).height()-60,left:task.position().left,width:task.outerWidth(),height:task.outerHeight()},250,function(){
$(this).hide();
$.taskBar.inactive($(dialog).data("id"));
});
},
/**
* 改变弹窗弹出位置
* @param removal_left 距离左边的位置。如：100
* @param removal_top 距离上边的位置。如：100
* 2017.09.06_JYH
*/
changeDialogPopPosition:function(removal_left,removal_top){
$.pdialog.resizeDialog({style: {left: removal_left, top: removal_top}}, $.pdialog.getcurrent(), "w");
$.pdialog.resizeDialog({style: {left: removal_left, top: removal_top}}, $.pdialog.getCurrent(), "n");
},
/**
* dialog中刷新dialog的方法
* @param dialogId
*/
reloadDialog:function(dialogId){
var dialog = $("body").data(dialogId);
if(dialog){
$.pdialog.reload(dialog.data("url"),{dialogId:dialogId});
}
},
用法实例：
//弹出位置的调整
$.pdialog.open("url", "dialog","轨迹", {
width : 400,
height : 200,
data : {
a:A
}
});
//在打开弹窗的后面加上就好
$.pdialog.changeDialogPopPosition(930,170);
//根据dialog的Id最小化弹窗
function mindialog(){
var dialogId="openShipInfo";
$.pdialog.minimizeDialog(dialogId);
}
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-dwz个人学习笔记（三）dialog弹出框,最小化，弹出位置，dialog中刷新dialog全部内容，希望文章能够帮你解决javascript代码实例教程-dwz个人学习笔记（三）dialog弹出框,最小化，弹出位置，dialog中刷新dialog所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。