object/activex 위로 올라오는 ajaxloding만들기.

farpoint speard를 사용하다보니..

이런 포스팅만 하게되는군요..-_-;;;


전 포스팅에서도 사용했던 BlockUI 플러그인을 사용하여

ajaxStart / ajaxStop을 구현해봤습니다.

전포스팅 참조는
http://leinger.blogspot.com/2012/05/jquery-datepicker-blockui-activex.html


그럼 시작해보아요~

일단 위의 링크에서 BlockUI를 다운받고, 인클루드 하시고,





사용하실때는간단합니다.

페이지 스크립트 안에 showAjaxLoading(); 만 호출해 주시면 됩니다.

지금은 소스가... 좀 허접하긴 합니다만. ;;;

이미지 올리면 이쁘게 될 것으로 생각됩니다~ ㅋ


소스를 가져가시는 분들 모두~ 이쁘게 해보아요~


그럼 이만.!

ajax로 파일다운로드 구현.

아래의 블로그의 글을 베이스로 작성했습니다.

http://radworks.egloos.com/2510155


위의 소스에서 추가로 serialize() 로 폼을 던졌을때 convert 하는 부분을 추가했습니다.




실행 예 ::

실행예 ::

$.download('testExcelDownload.do','find=commoncode','post' );
또는
$.download('testExcelDownload.do',$('#frm').serialize(),"post" );

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 위에도 잘 올라온다.


끝.