jquery datepicker 와 blockUI 를 사용하여 activex 및 object위에 달력 띄우기.

파포인트 스프레드(FarPoint Spread 8) 을 웹에서 띄우고는 검색을 하기위해

달력레이어를 올렸는데 아무리 올려도 올라가지 않는다...


얼마전에 포스팅했던 overLib 를 사용해보려 했지만.. 까다롭더군..

overLib 정보는 이곳으로 -> http://leinger.blogspot.com/2012/05/object-flash-layer.html



포기하지 않고 웹서핑 끝에 찾아낸 blockUI 플러그인!!!

대부분의 활용이 submit 중복방지나 ajaxStart / ajaxStop 을 하기 위해 사용을 했지만.

내가 필요한건 달력이기에~ 달력에 응용을 해보기로 했다.


우선, 필요한 두 플러그인을 다운받는다.

- 수정된 버전의 datepicker
http://goo.gl/DsnLd

- 원본 datepicker
http://jqueryui.com/demos/datepicker/
다운로드 : jquery.ui.datepicker.js

- BlockUI
http://jquery.malsup.com/block/
다운로드 : jquery.blockUI.js


초창기 버전은 blockUI.js. 까지 수정해야했지만. ㅎ.,ㅎ;;;;

datepicker.js 를 열심히 분석한 끝에 조금 편하게 바꿨음.

//TODO : 스프레드 위로 달력올리기, used blockUI jquery plugin - modify bbok 
   $(inst.dpDiv).block({ 
    message: null,
    baseZ:-1,
    bindEvents:false,
    overlayCSS:{backgroundColor:'',oapcity:0,cursor:'pointer'}
    });

위의 소스를 _showDatepicker 펑션 아래의

inst.dpDiv.zIndex($(input).zIndex()+1);

소스 아래와 _updateDatepicker 펑션의 맨 끝에 붙여넣으면.

spread 뿐만 아니라 모든 object 및 activeX 위에도 잘 올라온다.


끝.