jQuery 로딩 blockUI(loading modal)

출처 : http://malsup.com/jquery/block/

jquery.blockUI.js

ajax나 db처리시 로딩시간동안 블락시키기위해

 jquey플러그인 중 blockUI를 사용하였다.

 ※ 필요에 따라 js를 수정하면 더 편리할 수 있다.

사용법도 간단하다.

$.blockUI();

로딩시작부분에 위 코드를 넣어주면되고,

끝내고싶으면 아래 소스를 넣어주면 된다.

$.unblockUI();

기본적으로는 테두리가 있는 흰박스가 가운데에 표시될텐데
js상의 message 기본 옵션이 그렇게되있기때문이다.
message를 바꾸어 로딩을 띄우려면 아래 소스를 사용한다.

$.blockUI({ message: '<h1><img src="테스트이미지.gif" /> 메시지 바꿈...</h1>' });