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);
                }
            });
    
            });
  • 相关阅读:
    配置struts2拦截器
    <global-results>标签来定义全局的<result>
    StringUtils.isEmpty和StringUtils.isBlank用法
    Tomcat xxx unbound
    getRequestDispatcher()和response.sendRedirect()
    转 intValue()的用法
    jspf与jsp的区别
    table标签中thead、tbody、tfoot的作用
    hibernate的cascade
    hibernate 持久化对象的三个状态
  • 原文地址:https://www.cnblogs.com/kiddy/p/9838523.html
Copyright © 2011-2022 走看看