<script language="javascript" src="/resource/js/jquery.blockUI.js"></script>
<!-- Loading Bar -->
<div id = "divLoading" style="display:<%="none"%>">
<div id="load" align="center"><img src="/image/ajax-loader.gif"/></div>
</div>
$(document).ready(function() {
$(document).ajaxStart(function() {
//Loading Bar 위치 설정
$("#divLoading").css('position', 'absolute');
$("#divLoading").css('width', $(document).width());
$("#divLoading").css('left', $('body').offset().left);
$("#divLoading").css('top', $(window).scrollTop() + 230);
$("#divLoading").fadeIn(300, function () {
//$("#divLoading").show();
});
$.blockUI({ message: null });
})
//ajax 통신이 끝날시에 Loading Bar 사라짐.
.ajaxStop(function() {
$.unblockUI();
$("#divLoading").fadeOut(500, function() {
//$("#divLoading").hide();
});
});
});
function startLoading() {
//Loading Bar 위치 설정
$("#divLoading").css('position', 'absolute');
$("#divLoading").css('width', $(document).width());
$("#divLoading").css('left', $('body').offset().left);
$("#divLoading").css('top', $(window).scrollTop() + 230);
$("#divLoading").fadeIn(300, function () {
//$("#divLoading").show();
});
$.blockUI({ message: null });
}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 없으면 위치가 이상함
'라이브러리' 카테고리의 다른 글
| 2년 전 월 , 년도 셀렉트 데이터 구하기 (0) | 2014.01.13 |
|---|
