[javascript] LodingBar 사용할때 사용

아래를 이용해서 데이터를 불러올때 loadingBar을 생성한다.

 

# src

function FunLoadingBarStart() {
    var backHeight = $(document).height();
    var backWidth = window.document.body.clientWidth;
    var backGroundCover = "<div id='back'></div>";
    var loadingBarImage = "<div id='loadingBar'><img width='130' height='100' src='/images/loading.gif'/></div>";

    $('body').append(backGroundCover).append(loadingBarImage);

    $('#back').css({'width': backWidth, 'height': backHeight, 'opacity': '0.3', 'background-color': 'black', 'position': 'fixed', 'top': '0', 'left': '0', 'z-index': '9999' });
    $('#back').show();
    $('#loadingBar').show();
}

// sds.kdh : 파일 업로드 로딩바 숨기기 위해 추가
const funLoadingBarEnd = () => {
    $('#back, #loadingBar').hide();
    $('#back, #loadingBar').remove();
}

loading.gif