이번 포스팅은 jQuery 기반의 BlockUI라는 것을 간단하게 소개하고 활용해보는 내용을 정리...

BlockUI에 대한 간단한 기본 정보는 아래와 같아요.


BlockUI Github page: https://github.com/malsup/blockui

BlockUI Project page: http://jquery.malsup.com/block/

License : MIT, GPL dual license


일단 라이선스가 MIT 또는 GPL로 활용할 수 있네요. 저는 MIT로 사용하려고 합니다. 

듀얼 라이선스는 ... 좀 자료를 잘 찾아봐야겠네요. 


아무튼 BlockUI project page에 가보면 아.. 이게 머하는건지 확실하게 감이 오실텐데요.


이런 경우를 생각해보면 될 것 같아요.

1. A라는 처리를 서버에서 하는 동안 사용자가 버튼을 누르거나 마우스를 클릭하거나 하는 것을 막고 싶을 때..

2. 처음 접속하는 경우 가이드 정보를 먼저 강제적으로 보게 하고 싶을 때..


아래는 간단하게 사용법을 정리해봤습니다. 


라이브러리 불러오기

<script src="jquery.blockUI.js"></script>


BlockUI 생성

$.blockUI({ message: null });


BlockUI 닫기

$.unblockUI();


너무 간단해서 설명도 필요없는 수준이죠!! 

커스터마이징 하는 것은 project page를 참고하세요~~ 

jQuery Ajax 요청에도 사용할 수 있겠죠.

+ Recent posts