비동기 로딩/로딩바 이미지 ajax loading image

출처 : http://www.mytreedb.com/blog/a-33-high_quality_ajax_loader_images.html

ajax_loader.7z

2018/06/22 - [프로그램 자료/Java Script] - jquery ajax get post 비동기 함수

ajax loading image

function StringFormat() {

    var expression = arguments[0];

    for (var i = 1; i < arguments.length; i++) {

        var prttern = new RegExp('\\{' + (i - 1) + '\\}', 'gi');

        expression = expression.replace(prttern, arguments[i]);

    }

    return expression;

}

 

function loadingVisible(enable) {

    var loadingDivId = "ajaxLoadingImage";

 

    if (enable) {

        var htmlTemplate = "<div id='{0}' " +

            "style='position:absolute; z-index:999; width:100%; height:100%; top:0px; left:0px; opacity: 0.5; filter: alpha(opacity-50); " +

            "background-color: #fff; text-align:center;'>" +

            "<img src='/images/loading.gif' style='position:fixed; width:32px; left:50%; top:50%; margin-left:-16px; margin-top:-16px;' />" +

            "</div>";

        var img = StringFormat(htmlTemplate, loadingDivId);

        $("body").append(img);

    } else {

        $("#" + loadingDivId).remove();

    }

}