목록웹개발 (290)
써먹는 웹개발
텍스트박스에서 엔터(Enter)키 입력시 조회하는 방법 텍스트박스 정의 'searchArea'클래스인 텍스트박스에서 엔터(Enter)키 입력시 조회 함수호출 $(function () {$(".searchArea input[type='text']").on('keypress',function(e) {if(e.keyCode=13) {Search(); // 엔터키 입력시 조회}});});
텍스트박스에 Number만 입력되게 처리하는 소스 텍스트박스 설정 (여기에 이벤트의 선택자(selector)를 클래스로 설정할 예정) 자바스크립트에 이벤트 설정하면 텍스트박스에 입력시 Number만 입력되게 처리됨 $(function () {$(".onlyNumber").on('keyup', function(e) {var ev = e||window.event;var keyID = (ev.which)?ev.which:ev.keyCode;//backspace,delete,left,right 일때 리턴if(keyID==8||keyID==37||keyID==39||keyID==46) { return;} else if (keyID57) { //숫자 아닐때 리턴 event.returnValue = false;} e..
nvl,isNull,isUndefined를 자바스크립트에서 구현하는 방법 nvl function nvl(A,B){if(isNull(A) || isUndefined(A)){return B;} else {return A;}} isNullfunction isNull(value) { var _chkStr = value + ""; if(_chkStr==""||_chkStr==null||_chkStr=="null"){ } else { }} isUndefinedfunction isUndefined(value) { if(typeof(value)==undefined || typeof(value)=="undefined" || value=="undefined" || value==undefined) {return true;}..
if else문 대체하는 방법 로 처리할 것 1. 기존 if문 (이 방법은 else를 쓸 수 없으며 if문 2개를 써야된다.) 2. if else문을 choose문으로 대체 ※ 해당 조건은 여러번 사용가능
JQuery로 테이블의 td 선택자에 값을 대입 및 추가하는 방법 종류 상황 소스 대입 앞에 같은 id의 hidden값이 없을 때 $("#id")[0].innerText = "값을 대입할 문자열"; $("#id").text("값을 대입할 문자열"); 앞에 같은 id의 hidden값이 있을 때 $(".tableClassName #id")[0].innerText = "값을 대입할 문자열"; 추가 알 $("#id").prepend("값을 추가할 문자열"); 뒤 $("#id").append("값을 추가할 문자열");
시간지연함수 : 기입한 시간 후에 실행됩니다. - 1000은 1초 후 ※ 이 방식은 앞에 썼던 소스가 실행되기도 전에 뒤에있는 소스가 실행되는 것을 방지하기위해 사용하기도 합니다. setTimeout(function(){ alert("Hello"); }, 3000);
고정값으로 해당 일자만큼 이동하여 출력하는 방법 var today = new Date(); // 현재 날짜 및 시간 alert(new Date(Date.parse(today) - 30 * 1000 * 60 * 60 * 24));//30일 전 alert(new Date(Date.parse(today) - 1 * 1000 * 60 * 60 * 24)); //하루 전 alert(new Date(Date.parse(today) + 1 * 1000 * 60 * 60 * 24)); //하루 후 alert(new Date(Date.parse(today) + 30 * 1000 * 60 * 60 * 24));//30일 후 입력값으로 해당 일자만큼 이동하여 출력하는 방법(함수) // 오늘 날짜부터 입력한 날짜만큼 이동한 ..
CheckBox값이 안 넘어가는 경우 Hidden Tag를 만들어서 해결해야 합니다. 1. HTML 소스 2. JavaScript 소스 $("#CHECK_YN").change( function() { // 체크박스 값에 따라 히든 값 변경 if ( $("#CHECK_YN").is(":checked") ){ $("#YN").val('Y'); } else { $("#YN").val('N'); } } ); ※ checkbox는 값이 넘어가지만 배열로 넘어가므로 다음과 같이 텍스트 형식으로 변경하여 넘기면 xml소스에 있는 쿼리문 파라미터에도 바로 매칭시킬 수 있다.