首页 > 代码库 > 弹出窗口,加载页面
弹出窗口,加载页面
弹出窗口,加载页面。要求jquery,加入jquery-ui可实现弹出窗口拖动。
1 var _divMask; 2 var _divBox; 3 4 function ShowMask() { 5 var divMask = $(‘<div></div>‘) 6 .attr("id", "divMask") 7 .css({ 8 "position": "absolute", 9 "left": "0",10 "top": "0",11 "width": "100%",12 "height": "100%",13 "backgroundColor": "gray",14 "opacity": "0.4"15 }).appendTo("body");16 _divMask = divMask;17 return divMask;18 }19 20 function ShowBox(title, url, width, height) {21 ShowMask();22 var divBox = $("<div></div>")23 .attr("id", "divBox")24 .css({25 "position": "absolute",26 "top": (($(document).height() - height) / 2) < 0 ? 0 : (($(document).height() - height) / 2),27 "left": (($(document).width() - width) / 2),28 "width": width,29 "height": height,30 "border": "2px solid gray",31 "backgroundColor": "white"32 })33 .appendTo("body");34 var pTitle = $("<p></p>")35 .css({36 "width": (width - 20) / 2,37 "float": "left",38 "padding": "5px",39 "margin": "0"40 })41 .text(title)42 .appendTo(divBox);43 var pClose = $("<p></p>")44 .css({45 "width": (width - 20) / 2,46 "float": "left",47 "text-align": "right",48 "padding": "5px",49 "margin": "0"50 })51 .appendTo(divBox);52 var aClose = $("<a></a>")53 .css({54 "color": "black",55 "text-decoration": "none"56 })57 .attr("href", "javascript:CloseBox();")58 .text("关 闭")59 .appendTo(pClose);60 var hr = $("<hr/>")61 .css({62 "margin": "0",63 "border": "1px solid gray"64 })65 .appendTo(divBox);66 var iframeContainer = $("<iframe></iframe>")67 .attr("id", "divContainer")68 .css({69 "width": width,70 "height": height - 13 - pTitle.height(),71 "float": "left",72 "overflow": "auto",73 "border": "0"74 })75 .attr("src", url)76 .appendTo(divBox);77 _divBox = divBox;78 divBox.draggable({ handle: "p" });79 }80 81 function CloseBox(btn) {82 if (_divMask == null) {83 if (btn != null && btn != ‘‘) {84 parent.document.getElementById(btn).click();85 }86 $(parent.document.getElementById("divMask")).remove();87 $(parent.document.getElementById("divBox")).remove();88 }89 else {90 _divMask.remove();91 _divBox.remove();92 }93 }
1 namespace hylbox 2 { 3 public static class BoxHelper 4 { 5 public static void ShowBox(Page page, string title, string url, int width, int height) 6 { 7 string scriptStr = string.Format("ShowBox(‘{0}‘,‘{1}‘,{2},{3})", title, url, width, height); 8 ScriptManager.RegisterClientScriptBlock(page, page.GetType(), "showBox", scriptStr, true); 9 }10 11 public static void CloseBox(Page page, string btn)12 {13 string scriptStr = string.Format("CloseBox(‘{0}‘)", btn);14 ScriptManager.RegisterClientScriptBlock(page, page.GetType(), "closeBox", scriptStr, true);15 }16 }17 }
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。