alert

    function msgbox(title,content,func,cancel,focus,icon){
        /*
         * 参数列表说明: title :弹出对话框的标题,标题内容最好在25个字符内,否则会导致显示图片的异常 text
         * :弹出对话框的内容,可以使用HTML代码,例如<font color='red'>删除么?</font>,如果直接带入函数,注意转义
         * func :弹出对话框点击确认后执行的函数,需要写全函数的引用,例如add(),如果直接带入函数,注意转义。
         * cancel:弹出对话框是否显示取消按钮,为空的话不显示,为1时显示 focus
         * :弹出对话框焦点的位置,0焦点在确认按钮上,1在取消按钮上,为空时默认在确认按钮上 icon :弹出对话框的图标
         * Author:Jedliu Blog :Jedliu.cublog.cn 【网页转载请保留版权信息,实际使用时可以除去该信息】
         */    
        icon="msgbox_"+icon+".png";
        create_mask();    
        var temp = "<div style=\"width:500px; height:600px; overflow:auto; border: 2px solid #37B6D1;background-color: #fff; font-weight: bold;font-size: 12px;\"><div style=\"line-height:25px; padding:0px 5px;    background-color: #37B6D1;\">确认删除么</div>"
        temp+= "<div style=\" text-align:center;\"><input type='button' id='msgconfirmb' value='确认' onclick='remove()' /><input type='button' id='cancle' value='取消' onclick='remove()'/></div> ";
            temp+= "<div style=\" background-color:#fff;padding:20px 0px;font-size: 12px;padding:20px 0px ;text-align:left; \">"+content+"</div>";
            temp+= "</div>";
        create_msgbox(700,500,temp);
        if(focus==0||focus=="0"||null==focus){document.getElementById("msgconfirmb").focus();}
        else if(focus==1||focus=="1"){document.getElementById("msgcancelb").focus();}            
    }
    function get_width(){
        return (document.body.clientWidth+document.body.scrollLeft);
    }
    function get_height(){
        return (document.body.clientHeight+document.body.scrollTop);
    }
    function get_left(w){
        var bw=document.body.clientWidth;
        var bh=document.body.clientHeight;
        w=parseFloat(w);
        return (bw/2-w/2+document.body.scrollLeft);
    }
    function get_top(h){
        var bw=document.body.clientWidth;
        var bh=document.body.clientHeight;
        h=parseFloat(h);
        return (bh/2-h/2+document.body.scrollTop);
    }
    function create_mask(){// 创建遮罩层的函数
        var mask=document.createElement("div");
        mask.id="mask";
        mask.style.position="absolute";
        mask.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=4,opacity=0)";// IE的不透明设置
        mask.style.opacity=0.4;// Mozilla的不透明设置
        mask.style.backgroundColor="black";
        mask.style.top="0px";
        mask.style.left="0px";
        mask.style.width=get_width();
        mask.style.height=get_height();
        mask.style.zIndex=1000;
        document.body.appendChild(mask);
    }
    function create_msgbox(w,h,t){// 创建弹出对话框的函数
        var box=document.createElement("div")    ;
        box.id="msgbox";
        box.style.position="absolute";
        box.style.width=w;
        box.style.height=h;
        box.style.overflow="visible";
        box.innerHTML=t;
        // box.style.border="5px solid #CCC";
        box.style.zIndex=1001;
        document.body.appendChild(box);
        re_pos();
    }
    function re_mask(){
        /*
         * 更改遮罩层的大小,确保在滚动以及窗口大小改变时还可以覆盖所有的内容
         */
        var mask=document.getElementById("mask")    ;
        if(null==mask)return;
        mask.style.width=get_width()+"px";
        mask.style.height=get_height()+"px";
    }
    function re_pos(){
        /*
         * 更改弹出对话框层的位置,确保在滚动以及窗口大小改变时一直保持在网页的最中间
         */
        var box=document.getElementById("msgbox");
        if(null!=box){
            var w=box.style.width;
            var h=box.style.height;
            box.style.left=get_left(w)+"px";
            box.style.top=get_top(h)+"px";
        }
    }
    function remove(){
        /*
         * 清除遮罩层以及弹出的对话框
         */
        var mask=document.getElementById("mask");
        var msgbox=document.getElementById("msgbox");
        if(null==mask&&null==msgbox)return;
        document.body.removeChild(mask);
        document.body.removeChild(msgbox);
    }
    
    function re_show(){
        /*
         * 重新显示遮罩层以及弹出窗口元素
         */
        re_pos();
        re_mask();    
    }
    function load_func(){
        /*
         * 加载函数,覆盖window的onresize和onscroll函数
         */
        window.onresize=re_show;
        window.onscroll=re_show;    
    }

 

posted @ 2018-07-19 18:13  aLa神灯  阅读(332)  评论(0编辑  收藏  举报