xrp_coil

레이블이 javascript인 게시물을 표시합니다. 모든 게시물 표시
레이블이 javascript인 게시물을 표시합니다. 모든 게시물 표시

2012년 6월 1일 금요일

javascript 정규식 이용한 금액 콤마로 나누기

어디선가 퍼온 소스기는 하지만. 상당히 유용한.. ㅎ.


function commify(n){
 var reg = /(^[+-]?\d+)(\d{3})/;   // 정규식
 n += '';  // 숫자를 문자열로 변환

 while (reg.test(n))
  n = n.replace(reg, '$1' + ',' + '$2');

 return n;
}


2012년 5월 24일 목요일

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" );


2012년 5월 16일 수요일

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


끝.