강제로 클릭한 효과를 주는 예제이다. 때때로 강제로 클릭한 효과가 필요한 경우가 있다. 또는 가끔 클릭하지 않아도 클릭이 되어야 하는 경우가 있다. 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

자바스크립트는 한동안 개발자들의 많은 오해와 편견으로 toy language 취급을 받아 왔습니다. 누구든지 쉽게 배워 간단히 적용할 수 있다는 생각에 깊이 있는 학습이 이뤄지지 않았습니다. 하지만, 현대의 웹 애플리케이션이 시대적 요구와 사용자의 기대로 인해 점점 더 복잡한 대규모 시스템으로 발전해 나가면서 자바스크립트에 대한 관심이 크게 늘고 있습니다. 이에 자바스크립트에 대한 올바른 이해를 위해 자바스크립트에서 가장 중요한 주제인 함수에 대해 간략히 설명하겠습니다. 대부분 자바스크립트에서 함수를 설명할 때 “자바스크립트에서 함수는 first-class object(또는 citizen, value)다”라는 정의는 항상 빠지지 않고 등장하는 단골문장입니다. 하지만, first-class object에 ..

javascript 에서 해당 문자열이 숫자인지 체크하는 예제 함수이다. 정규식을 이용해 간단히 구현되었다. function is_number(v) { var reg = /^(\s|\d)+$/; return reg.test(v); } cs 정규식에 대한 자세한 내용은 구글링을 통해 확인하는 것이 빠르다. 일반 개발에서는 굳이 다 외울 필요는 없어 보인다.

javascript에서 특정 글자수가 넘어가면 화면의 UI가 깨지는 경우가 발생한다. 예를 들면 아래와 같이 메인 화면에 배너 게시판 영역을 만들면 생각보다 작은 영역이 생기고 그 영역에 표시할 수 있는 글자수는 한정적이다. 이미지는 대전시청 홈페이지에서 발췌했습니다. 이때 화면이 깨지지 않을 정도의 글자수를 파악한 뒤 나머지 글자는 대체문자(... , 등)로 처리한다. 내용 및 사용방법은 주석으로 대체한다. /** @param txt * @param len : 생략시 기본값 20 * @param lastTxt : 생략시 기본값 "..." * @returns 결과값 * * * 특정 글자수가 넘어가면 넘어가는 글자는 자르고 마지막에 대체문자 처리 * ex) 가나다라마바사 -> textLengthOverCu..