jqGrid 그리드 페이징 바 커스터마이징(분리) 하는 예제이다. 기본적으로 jqGrid 를 사용할 수 있는 환경이 되어있다는 가정하에 작성한다 위 이미지는 기존 페이징과 새로만든 페이징을 모두 보여주는 그림이다. 둘중에 하나만 사용 가능하다. jqGrid 4.6.0 에서 진행했다. jsp에서 js , css 파일을 include해서 사용한다. 버전이나 기존 환경에 따라서 적용이 안될수 있으니 참고한다. 아이콘은 Font Awesome Icons (무료) 사용했다. http://cofs.tistory.com/32 여기를 참조하면 페이징 버튼 이미지가 에러없이 나올 수 있다. jsp $(document).ready(function(){ $(document).ready(function () { var row..

다이어그램, 차트, 관계 플러그인을 조사하고 정리한 내용이다. 1. 관계형 다이어그램 http://www.headjump.de/article/arrows-and-boxes - 특이사항 1. 단순한 계층 구조를 표현할 수 있음 (움직임 X) 2. 아주 가벼운 플러그인 3. 예제 및 API 제공 4. 적용사례 레퍼런스가 거의 없음 2. 각종 다이어그램 http://jointjs.com/demos/umlsc - 특이사항 1. 라이센스 : MLP / GNU General Public License (GPLv2) (출처 : 한국저작권위원회) 2. 예제 및 API 제공 3. 적용사례 레퍼런스가 거의 없음 - 종류 : - Finite State Machines - Organizational Charts - ER Di..

키 입력을 감지해서 허용되지 않은 입력값을 바로바로 잡아주는 예제이다. 예를 들면 전화번호를 입력 받는 곳에 꼭 문자를 집어넣는 애들이 있다. 강제로 jquery 를 이용해서 함수를 바인드해놓고 포커스와 포커스 아웃을 이용해서 자동으로 문자 하나 하나 입력이 들어왔을 때 체킹하고 잘못된 입력은 삭제하는 방법이다. 1. 사용방법은 단순히 체크하고 싶은 클레스만 지정해주면 된다. 2. js 파일을 만들어서 import한다. /* * * jquery class선택자를 이용하여 자동 formatter구현 */ // 0) common function addComma(str) { if (str == null) { return ""; } str = removeComma(str); x = str.split(".");/..

강제로 클릭한 효과를 주는 예제이다. 때때로 강제로 클릭한 효과가 필요한 경우가 있다. 또는 가끔 클릭하지 않아도 클릭이 되어야 하는 경우가 있다. jquery 의 trigger을 사용하면 된다. $("#button_id").trigger("click");

이메일 @ 이후 주소값을 셋팅하는 예제이다. jquery 사용한다. 지금도 이런 방법을 사용 할 지는 모르겠는데 고전적인 방법이긴하나 심플하다. @ 직접입력

jquery를 이용한 ajax 통신 예제입니다. 먼저 ajax가 무엇인지 궁금하신 분은 구글링하세요. 쉽게 설명하면 비동기 방식의 통신입니다. 산에서 사람이 "야호1" 이라고 소리를 보낼 때 반대편에서 "야호1" 이라고 메아리가 돌아올 때 까지 기다렸다가 "야호2"를 보내는 것이 동기 방식이고, 비동기 방식은 반대편에서 "야호1" 이이라고 메아리가 돌아오는것을 기다리지 않고 "야호2" "야호3"을 계속 보낼 수 있는게 비동기 방식입니다. 비동기 방식의 돌아오는 순서는 당연히 보낸 순서("야호1" "야호2" "야호3")가 아닙니다. 아래는 Jquery로 ajax를 구현한 소스입니다. $ .ajax({ type : "POST" //"POST", "GET" , async : true //true(비동기화), ..

제이쿼리 선택자에 대한 자세한 설명은 생략하고 바로바로 카피 & 페이스트 할 수 있도록 작성되었다. 자주 쓰이는 혹은 좋은 방법들은 계속 업로드 됩니다. 커서 변경$('body').css('cursor', 'default');$('body').css('cursor', 'wait'); 해당 ID로 지정된 HTML 보이기/숨기기$("#placeholder").show();$("#placeholder").hide(); SelectBox 의 Option 값 확인$("#search_sale_unit").find("option").each(function() { alert(this.value); }); SelectBox 의 첫번째 옵션 값$("#_CD > option:first").val(); SelectBox 에..

먼저 부모창에 function test(){}이라는 함수가 있다고 가정한다. 1)팝업창의 경우 다음과 같이 작성한다. opener.test(); // 함수가 있는지 확인 if(opener.test){ alert("함수 있음"); } 2)iframe의 경우 다음과 같이 작성한다. parent.test(); 3) 부모창에서 iframe내 함수접근은 다음과 같다. var ifr = document.getElementById('iframeID'); ifr.contentWindow.function_name(); 부모창에서 'iframeID'이라는 iFrame에 지정된 페이지의 function_name()함수에 접근하는 방법이다. 4) link으로 지정해도 된다. 물론 자바스크립트를 제어하는 것은 아니라서 pare..

IE 프린트 미리보기 화면 호출에 대한 예제이다. 이용 가능한 브라우저 버전은 다음과 같다. IE 5.5 이상 가능 (Test 는 IE 9~11) IE는 내장되어있는 프린트 미리보기 기능을 javascript에서 불러오는 방법이다. 크롬은 기본 프린트 호출이 미리보기이므로 분기문으로 처리한다. 혹시나 화면이 와이드이면 미리보기 화면에서 아래처럼 인쇄크기 변경으로 조정 가능하다. ※ 인쇄 미리보기 화면에서의 설정이 필요하다. 1. 페이지 설정(Alt+U) > 배경색 및 이미지 인쇄(C) 체크 2. 콘텐츠 선택(Alt+F) > 모든 프레임 50%(해상도마다 다를 수 있음) 버튼을 눌러서 미리보기를 실행하는데 에러가 나면 아래 설정이 필요하다. ※ 프린트 미리보기 기능을 사용하기 위한 설정이다. - 도구 > ..

javascript 에서 함수 또는 로직이 실행되고 종료될때 까지의 시간을 구하는 예제이다. testRunTimer()함수를 체크하고 싶은 함수 또는 로직의 시작과 끝 부분에 한번씩 호출해 주어야 한다. 자세한 설명은 주석으로 대체한다. /** 실행 시간 체크 함수 - 체크할 구간에 호출하면 됨 ex) function test(){ testRunTimer(); // 첫번째 런타임 for(var i=0; i