zoukankan      html  css  js  c++  java
  • 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="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;    
        }
  • 相关阅读:
    ui自动化---select标签和浏览器等待
    ui自动化--鼠标操作ActionChains
    ui自动化---WebDriverApi接口
    ui自动化---CssSelector
    ui自动化--xpath
    html基础:jquery的ajax获取form表单数据
    grep使用方法
    VI打开和编辑多个文件的命令 分屏操作
    C语言编译器 cc 编译原理
    zabbix的mysql优化后的配置文件
  • 原文地址:https://www.cnblogs.com/lxh520/p/9337505.html
Copyright © 2011-2022 走看看