zoukankan      html  css  js  c++  java
  • bootstrap 操作提示placeholder

    Javascript 部分

    function checkForDefaultAlertPlaceholder() {
        if ($("#alertPlaceholder").length == 0) {
            $("body > div:nth-child(2)").prepend($('<div id="alertPlaceholder"></div>'));
        }
    }
    bootstrap_alert = function () { }
    bootstrap_alert.danger = function (message, timeout, idContainer) {
        if (idContainer == null) {
            checkForDefaultAlertPlaceholder();
        }
        var $alert = $('<div class="alert alert-danger alert-dismissable fade in" role="alertdialog"><strong>Error:</strong> ' + message + '<button type="button" class="close" data-dismiss="alert" aria-hidden="true"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button></div>');
        $("#" + (idContainer != null ? idContainer : "alertPlaceholder")).append($alert);
        if (timeout != null && timeout > 0) {
            setTimeout(function () {
                $alert.alert("close");
            }, timeout);
        }
        return $alert;
    }
    bootstrap_alert.warning = function (message, timeout, idContainer) {
        if (idContainer == null) {
            checkForDefaultAlertPlaceholder();
        }
        var $alert = $('<div class="alert alert-warning alert-dismissable fade in" role="alertdialog">' + message + '<button type="button" class="close" data-dismiss="alert" aria-hidden="true"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button></div>');
        $("#" + (idContainer != null ? idContainer : "alertPlaceholder")).append($alert);
        if (timeout != null && timeout > 0) {
            setTimeout(function () {
                $alert.alert("close");
            }, timeout);
        }
        return $alert;
    }
    bootstrap_alert.success = function (message, timeout, idContainer) {
        if (idContainer == null) {
            checkForDefaultAlertPlaceholder();
        }
        var $alert = $('<div class="alert alert-success alert-dismissable fade in" role="alertdialog"><strong>Success:</strong> ' + message + '<button type="button" class="close" data-dismiss="alert" aria-hidden="true"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button></div>');
        $("#" + (idContainer != null ? idContainer : "alertPlaceholder")).append($alert);
        if (timeout != null && timeout > 0) {
            setTimeout(function () {
                $alert.alert("close");
            }, timeout);
        }
        return $alert;
    }

    将DIV加在表头某处:

    <div id="alertPlaceholder"></div>

    Ajax调用代码区:

     $('#').click(function(){
             $.ajax({
                type:'POST',
                url:<link>,
                data:{},
                success:function(data){
                 bootstrap_alert.success("The data has been saved.", 1000);
            },
                error:function(data){
                bootstrap_alert.danger("Exception!This operation is not performed successfully! Please contact admin!", 1000);
                }
            });
    
            });
  • 相关阅读:
    SPOJ Distinct Substrings(后缀数组求不同子串个数,好题)
    POJ 1743 Musical Theme(后缀数组+二分答案)
    HDU 6191 Query on A Tree(可持久化Trie+DFS序)
    swust oj 1052
    swust oj 1051
    swust oj 1016
    swust oj 1014
    swust oj 1013
    swust oj 1012
    swust oj 1011
  • 原文地址:https://www.cnblogs.com/kiddy/p/9838523.html
Copyright © 2011-2022 走看看