• 重写alert方法完成类似gmail的友好提示


    当在网页中调用aelrt()方法的时候,系统会自动显示友好的提示方式 。

    下面是css样式控制代码:

    /*------------------------------------------------------------------------------------*/
    /*
    以下css完成圆弧矩形
    */
    .rno {
        BACKGROUND: #fad163  ; COLOR: #000
    }
    .rno .rnd1 {
        BACKGROUND: #fad163  ; COLOR: #000
    }
    .rno .rnd2 {
        BACKGROUND: #fad163  ; COLOR: #000
    }
    B.rnd {
        DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: #fff
    }
    B.rnd B {
        DISPLAY: block; OVERFLOW: hidden; HEIGHT: 1px
    }
    B.rnd1 {
        MARGIN: 0px 2px
    }
    B.rnd2 {
        MARGIN: 0px 1px
    }
    .nm {
        PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 1px; PADDING-TOP: 0px
    }
    /*------------------------------------------------------------------------------------*/

    下面是javascript代码:

    /**
    重写window.alert(),想要调用原来的alert()方法可以用window._alert()
    在要显示提示信息的地方加入:<a id="_alert" />然后就可以直接调用alert(message)
    如果没有在页面中加入<a id="_alert" />,则alert()方法仍然会采用弹出对话框的形式显示信息
    **/
    if(typeof(window._alert)=="undefined"){
    //保存系统的alert()
        window._alert = window.alert;
        window.alert = function(){
    var obj = getObject('_alert');
    if(obj==null){
    if(arguments.length==0){
                    _alert();
                }else{
                    _alert(arguments[0].toString());
                }
            }else{
                obj.innerHTML="";
    if(arguments.length>0){
    var content = "<font style="text-align:center; color:#000000; font-size:14px; font-weight:bold;">"
    +arguments[0]
    +"  <a style="font-size:12px; cursor:hand;" onClick="this.parentElement.parentElement.parentElement.parentElement.style.display='none'">隐藏</a></font>";
                    obj.innerHTML = getDiv(content);
                }
            }
    function getDiv(content){
    var div = "";
                div+="<DIV style='PADDING-BOTTOM: 4px' align=center>";
                div+="<TABLE class=rno cellSpacing=0 cellPadding=0>";
                div+="<TBODY>";
                div+="<TR>";
                div+="<TD>";
                div+="<B class=rnd>";
                div+="<B class=rnd1></B>";
                div+="<B class=rnd2></B>";
                div+="</B>";
                div+="</TD>";
                div+="<TR>";
                div+="<TD class=nm>"+content+"</TD>";
                div+="<TR>";
                div+="<TD>";
                div+="<B class=rnd>";
                div+="<B class=rnd2></B>";
                div+="<B class=rnd1></B>";
                div+="</B>";
                div+="</TD>";
                div+="</TR>";
                div+="</TBODY>";
                div+="</TABLE>";
                div+="</DIV>";
    return div;
            }
        };
    }

  • 相关阅读:
    Flink sql 写 Hbase 忽略空列
    python协程系列(一)——生成器generator以及yield表达式详解
    Python中可迭代对象,迭代器和生成器的异同点
    Python生成器: send函数、close函数与yield关键字协作
    sqlalchemy的基本用法
    Windows10激活后又提示未激活解决办法
    parseaddr函数和formataddr函数的用法
    VisualStudio Code Remote 调试方法(错误Containers Docker version 17.12.0 or later required.)
    SpringBoot Jar Windows CMD 运行卡顿
    使用Aspose.cells(java)将excel转为图片等
  • 原文地址:https://www.cnblogs.com/suizhikuo/p/3286020.html
Copyright © 2020-2023  润新知