드럼치는 프로그래머

window.onload 함수는 웹페이지의 로딩이 끝나는 시점에 실행되는 함수다 window.onload = function () { alert("로딩 완료"); } 와 같이 사용하게 되면 페이지 로드가 끝난 후에 "로딩 완료" 라는 얼럿창이 뜨게 된다. 하지만 onload에는 몇가지 단점이 있는데, 이 함수는 페이지 안의 이미지나 외부 파일이 로드 될때까지도 기다린 후에 사용되기 때문에 엔드유저 입장에서 불필요하게 로딩시간이 길어지게 된다. 더욱 심각한것은 동일한 페이지 내에서 onload 함수는 하나만 존재해야 한다는 것인데, 만약 외부 라이브러리에서 onload가 이미 선언 되어 있다면 이를 찾거나 하나로 합치는 것은 여간 어려운일이 아니다.또한 와 같은 attribute 가 설정이 되어 있는 경우..

slideToggle 원문 링크 http://api.jquery.com/slideToggle/ .slideToggle( [duration] [, callback] ) Returns : jQuery 개요 : 슬라이드를 통해 요소를 보이게 안보이게 처리합니다..slideToggle( duration [, callback] )duration 시간 값callback 콜백 함수.slideToggle( [duration] [, easing] [, callback] )duration 시간 값easing 특수한 효과 함수callback 콜백 함수.slideToggle() 함수는 요소의 height 값을 조작해서 움직임을 만들어 냅니다. 보이면 안보이게 안보이면 보이게 처리해 줍니다. 토글이니 당연하겠죠?보이게 처리할 ..

현재 페이지 refresh 하는 3가지 방법~ location.reload(true); location.href = location.href; history.go(-1); [출처] http://neucareer.tistory.com/89

휴.. 뭐 하나 할 때마다 이렇게 시간이 걸리누 ㅠㅜ 역시 기초가 중요하다.. 뭐 여기도 바로 사용할 수 있는 코드만 올리겠다. function setValues(){ var sh = document.getElementById("selectHours"); var tt = document.getElementById("textTime"); tt.value = sh.options[sh.selectedIndex].text; } test_1 test_2 뭐 길게 설명할 것도 없을 것 같다. 이해 하기 쉽게 색깔로 분류를 해두었다. [출처] http://imhotk.tistory.com/524

input 필드에 오직 숫자만 입력 받기input 필드에 오직 숫자만 입력 받기 [출처] http://webskills.kr/archives/310

입력박스에서 소문자 입력시 대문자로 변경하게 하기위한 방법으로 1. onKeyUp="field.value.toUpperCase()" 로 자바스크립트 처리 2. style="text-transform: uppercase" 로 스타일시트 처리 뭐..대충 두가지 외에 다른 수로 가지고 있는 방법이 있겠지만.. 위 두가지 방법에는 한계가 있는데... 첫번째 방법은... 영문은 이상없이 잘 변경되나... 한글과 영문이 섞여있는 경우.. 한글을 입력하면 입력항목이 기존 입력내용이 지워져버리고 한글이 달랑 1자밖에 들어가지 않는 문제가 있다. 두번째 방법은.. 보기에는 대문자로 잘~ 나타나지만... Submit한경우.. 값을 받아보면 소문자이다. 위 두가지 방법외에 한가지를 더 소개하기전에 이벤트부터 설명하자면.....

조건 1. Textbox에 숫자만 입력 받는다. 2. 입력받은 숫자는 1000 이하의 숫자만 받는다. 3. 소수점은 둘째자리까지만 받는다. function isNumberKey(evt) { var charCode = (evt.which) ? evt.which : event.keyCode; if (charCode != 46 && charCode > 31 && (charCode 57)) return false; // Textbox value var _value = event.srcElement.value; // 소수점(.)이 두번 이상 나오지 못하게 var _pattern0 = /^\d*[.]\d*$/; // 현재 value값에 소수점(.) 이 있으면 . 입력불가 if (_..

/* 숫자만 입력받기 */ function fn_press(event, type) { if(type == "numbers") { if(event.keyCode 57) return false; //onKeyDown일 경우 좌, 우, tab, backspace, delete키 허용 정의 필요 } } /* 한글입력 방지 */ function fn_press_han(obj) { //좌우 방향키, 백스페이스, 딜리트, 탭키에 대한 예외 if(event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 37 || event.keyCode == 39 || event.keyCode == 46 ) return; //obj.valu..

============================================================= 키 | 코드(숫자) ============================================================= ←(백스패이스) = 8 TAB = 9 ENTER = 13 SHIFT = 16 CTRL = 17 ALT = 18 PAUSEBREAK = 19 CAPSLOOK = 20 한/영 = 21 한자 = 25 ESC = 27 스패이스 = 32 PAGEUP = 33 PAGEDN = 34 END = 35 HOME =36 ←(중간) = 37 ↑(중간) = 38 →(중간) = 39 ↓(중간) = 40 0 = 48 1 = 49 2 = 50 3 = 51 4 = 52 5 = 53 6 = 54 ..

정규표현식은 복잡한 조건 비교문 없이 패턴 단위로 문자열을 검증할 수 있어서 무척 유용하...지만...-_-;; 자주 사용하지 않으면 할 때마다 헷갈린다는 단점이 있다. 자바스크립트만 이용해서 사용자 입력값을 검증하는 것은 무조건 문제가 생길 수 있기 때문에 서버측 검증을 꼭 해야만 한다. 물론 서버측에서는 여러가지 다른 수단 (가령, 스토어드 프로시저 파라메터의 데이터 타입) 이 있기 때문에 자바스크립트에서 정규표현식 검증을 하고 서버단에서는 별도 Validation 을 하는 것도 좋은 방법이다 각설하고, 사용자 계정 생성시 자주 사용하게 되는 룰이 영문, 숫자만 허용하는 것인데 이를 자바스크립트 정규표현식을 사용하면 무척 간단하게 표현이 가능하다 var regType1 = /^[A-Za-z0-9+]*..