自定义alert和confirm

var common = {};
common.showAlert = function (msg) {
    var html = "<div id='dialog_alert' class=\"eject dialog_alert\" style=\"display:block;z-index:9999999999;\">";
    html+="<div class=\"web-feedback w400\">";
    html+="<div class=\"eject-ly\">";
    html+="<div class=\"eject-ly-lef fl\">";
    html+="<span class=\"fl\"><img src=\"images/ckwls_03.jpg\"></span>";
    html+="<span class=\"fl eject-ckl\">提示</span>";
    html+="<span class=\"fl\"><img src=\"images/ckwls_05.jpg\"></span>";
    html+="</div>";
    html += "<div class=\"fr eject-lyr\" onclick='common.hideAlert()'>";
    html+="<img src=\"images/close.jpg\">";
    html+="</div>";
    html+="</div>";
    html+="<div class=\"upload-prompt\">";
    html += msg;
    html+="</div>";
    html+="</div>";
    html+="<div class=\"hiddenDiv\"> </div>";
    html+="</div>";
    $("body").append(html);
}
common.hideAlert = function () {
   $(".dialog_alert").remove();
}

common.showWarn = function (msg) {
    var html = "<div id='dialog_warn'   onclick='common.hideWarn()' class=\"eject dialog_warn\" style=\"display:block;z-index:9999999999;\">";
    html += "<div class=\"web-feedback w400\">";
    html += "<div class=\"eject-ly\">";
    html += "<div class=\"eject-ly-lef fl\">";
    html += "<span class=\"fl\"><img src=\"images/ckwls_03.jpg\"></span>";
    html += "<span class=\"fl eject-ckl\">提示</span>";
    html += "<span class=\"fl\"><img src=\"images/ckwls_05.jpg\"></span>";
    html += "</div>";
    html += "<div class=\"fr eject-lyr\" onclick='common.hideWarn()'>";
    //html += "<img src=\"images/close.jpg\">";
    html += "</div>";
    html += "</div>";
    html += "<div class=\"upload-prompt\">";
    html += msg;
    html += "</div>";
    html += "</div>";
    html += "<div class=\"hiddenDiv\"> </div>";
    html += "</div>";
    $("body").append(html);
    $('#dialog_warn').fadeIn('slow');
}
common.hideWarn = function () {
    $(".dialog_warn").fadeTo("slow", 0.01, function () {//fade
        $(this).slideUp("slow", function () {//slide up
            $(this).remove();//then remove from the DOM
        });
    });
}


/*
*自定义confirm  调用方法common.showConfirm("确定***吗？",function(){alert('确定函数')},function(){alert('不确定函数')});
*/
common.showConfirm = function (msg, callback_ok,callback_cancel) {
    var html = "<div class=\"eject dialog_confirm\" ng-show=\"confirmstate\" style=\"display:block;z-index:9999999999;\">";
    html += "<div class=\"web-feedback w280\">";
    html += "<div class=\"eject-ly\">";
    html += "<div class=\"eject-ly-lef fl\">";
    html += "<span class=\"fl\"><img src=\"images/ckwls_03.jpg\"></span>";
    html += "<span class=\"fl eject-ckl\">确认</span>";
    html += "<span class=\"fl\"><img src=\"images/ckwls_05.jpg\"></span>";
    html += "</div>";
    html += "<div class=\"fr eject-lyr\">";
    html += "<img src=\"images/close.jpg\" onclick=\"common.hideConfirm()\">";
    html += "</div>";
    html += "</div>";

    html += "<div class=\"alert-contet\" style=\"min-height:10px;\">";
    html += msg;
    html += "</div>";
    
    html += "<div class=\"confirm-confirm\">";
    html += "<a class=\"fl confirm-con\" id=\"confirm_ok\">确认</a>";
    html += "<a class=\"fr confirm-esc\" id=\"confirm_cancel\">取消</a>";
    html += "</div>";

    html += "</div>";
    html += "<div class=\"hiddenDiv\"> </div>";
    html += "</div>";
    $("body").append(html);
    $("#confirm_ok").click(function () {
        if (callback_ok && typeof callback_ok == "function")
            callback_ok(true);
        $(".dialog_confirm").remove();
    });
    $("#confirm_cancel").click(function () {
        if (callback_cancel && typeof callback_cancel == "function")
            callback_cancel(true);
        $(".dialog_confirm").remove();
    });
}