zoukankan      html  css  js  c++  java
  • JS弹框

    JS:

    View Code
    /*************************Begin弹出框*******************************/
    
    ///显示弹出框
    ///参数: url:url 地址,title:标题,宽度,height:高度
    var isFirstPop = true;
    var isIE6 = isIE6();
    function showDiv(url, title, width, height) {
        //第一次运行时加载弹框
        if (isFirstPop == true) {
            loadShowDiv();
            isFirstPop = false;
        }
    
        //当前页面 Url(用作BackUrl参数)
        $("#hidBackUrl").val(document.location);
    
        //获取上下的宽度和高度
        var sw = document.documentElement.clientWidth;
        var sh = document.documentElement.clientHeight;
        //sh = isIE6 ? sh - 30 : sh;
        //sw = isIE6 ? sw - 200 : sw;
        //alert(sw);
        var lw = (sw - width) / 2 - 110 + "px";
        var th = (sh - height) / 2 - 22 + "px";
        //设置页面的上和左侧的距离
        $("#DialogDiv").css("top", th);
        $(".popUpWrap").css("left", lw);
        // 设置背景的宽和高
        $("#BgDiv").css({ display: "block", height: sh,  sw });
        $("#BgDiv").css({ _height: "1000px" });
        //设置框架的浏览的Url地址
        $("#iframe").attr("src", url);
        var yscroll = document.documentElement.scrollTop;
        $(".popUpWrap").css("width", width);
        $(".popUpWrap").css("overflow", "hidden");
        $(".popUpCont01").css("width", width);
        $(".popUpCont02").css("height", height);
        $("#DialogDiv").css("display", "block");
        document.documentElement.scrollTop = 0;
        $("#title").html(title);
    }
    //加载弹出框
    function loadShowDiv() {
        var div = document.createElement("div");
        div.setAttribute("id", "bgdivPop");
    //    div.setAttribute("style", "position:absolute;top:0;left:0;right:0;bottom:0;100%;height:100%;");
    
    //    var obj = document.createElement("iframe");
    //    obj.setAttribute("id", "iframeDiv");
    //    obj.setAttribute("hspace", 0);
    //    obj.setAttribute("frameborder", 0);
    //    obj.setAttribute("vspace", 0);
    //    obj.setAttribute("height", "100%");
    //    obj.setAttribute("width", "100%");
    //    obj.setAttribute("style", "position:absolute;_position:none;left:0;top:0;z-index:10;background:#ededed;");
    
        var obj2 = document.createElement("div");
        obj2.setAttribute("id", "DialogDiv");
        obj2.setAttribute("style", "display:none");
    
        var obj1 = document.createElement("div");
        obj1.setAttribute("id", "BgDiv");
    //    obj1.appendChild(obj);
    
        div.appendChild(obj1);
        div.appendChild(obj2);
    
        document.body.appendChild(div);
        var val = getShowDiv();
        document.getElementById("DialogDiv").innerHTML = val;
        $("#btnClose").click(function () {
            //        closeShowDiv();
            $('#_my97DP', parent.document).css("display", "none");
            $("#BgDiv").css("display", "none");
            $("#DialogDiv").css("display", "none");
        });
    
    }
    
    
    //关闭div不刷新
    function closeShowDiv() {
                    var dd = parent.document.getElementById("BgDiv")
                    var divb = parent.document.getElementById("DialogDiv")
                    $(dd).css("display", "none")
                    $(divb).css("display", "none")
        }
    //关闭弹出框
    //url:父页面
    //当在自定义按钮上调用时需要传入url。弹出框自带的关闭图标不需要传
    function closeDivAndReflash(url) {
        if (url == undefined) {
            url = $("#hidBackUrl").val();
            window.parent.showcontent.location.href = url;
        } else {
            window.parent.location.href = url;
        }
    }
    //弹出窗口内容
    function getShowDiv() {
        var popContent = "";
        popContent += "<div class='clearfix popUpWrap'>"
        popContent += "<div class='popUpTitleRight'></div>"
        popContent += "<div class='popUpTitleLeft'></div>"
        popContent += "<div class='popUpTitleH3'></div>"
        popContent += "<div class='popUpCont'>"
        popContent += "<div class='popUpCont01'>"
        popContent += "<div class='popUpCont02'>"
        popContent += "<div class='clearfix titleDivCss'>"
        popContent += "<h3 class='fr TitleClose'><a href='#' id='btnClose'></a></h3>"
        popContent += "<input type='hidden' id='hidBackUrl'>";
        popContent += "<div class='fl TitleInfo' id='Strtitle' style=''><span class='iconTitle01'></span><span id='title'></span></div></div>"
        popContent += "<div class='contMiddle' style=''>"
        popContent += "<iframe name='' id='iframe' class='Megalab_Class_main_right_iframe' marginwidth='0' marginheight='0' hspace='0' height='100%' width='100%' vspace='0' frameborder='0' scrolling='auto'  style='*position:absolute;'>"
        popContent += "</iframe>"
        popContent += "</div></div></div></div>"
        popContent += "<div class='popUpBottRight'></div>"
        popContent += "<div class='popUpBottLeft'></div>"
        popContent += "<div class='popUpBottMiddle'></div>"
        popContent += "</div>"
        return popContent;
    }
    /*************************End弹出框*******************************/

    HTML:

    View Code
    var url = '@Url.Content("~/UserManage/NewUser?method=adduser")';
                    showDiv(url, '@ViewBag.New', 680, 483);
  • 相关阅读:
    命令基础
    绑定在表单验证上的应用
    绑定和绑定的各种使用场景
    双向数据绑定
    事件
    委托应用及泛型委托和多播委托
    委托
    LINQ
    反射重要属性方法
    反射基本内容
  • 原文地址:https://www.cnblogs.com/8090sns/p/2814007.html
Copyright © 2011-2022 走看看