PHP 함수로 존재하는 number_format 함수를 Javascript 함수로 구현하였습니다.사용방법은 php와 동일합니다./** * PHP 함수 number_format 같이 천자리마다 ,를 자동으로 찍어줌 * @param num number|string : 숫자 * @param decimals int default 0 : 보여질 소숫점 자리숫...
카테고리 선택 등록을 위해 셀렉트박스를 이용하는 경우, 셀렉트박스를 매번 만들어 주고 삭제해야 하는 경우가 있다.이때 셀렉트박스를 동적으로 처리하도록 하는 스크립트이다.하위 레벨에 내용이 존재하면 계속해서 추가로 셀렉트박스를 생성한다.하위 카테고리를 모두 펼친 상태에서 다시 상위를 선택하면 하위...
Javascript에서 배열에 담긴 key와 value를 가져오기 위해서는 for 문을 아래와 같이 이용하면 PHP에서 사용하는 foreach 와 같은 효과를 얻을 수 있다.var arr = new Array('aaa', 'bbb', 'ccc', 'ddd');for(var key in arr) { document.write(key + "...
브라우저가 웹페이지를 파싱할때 스크립트 부분을 만나면 파싱을 멈추고 해당 스크립트를 다운받아 실행 하는데 이를 지연시킬 수 있는 속성으로 defer, async 을 사용 할 수 있습니다. async 속성은 HTML5 부터 추가된 속성이다.사용방법은 아래와 같이 script 태그에...
년도와 월을 선택하면 해당 년/월에 포함 되어있는 주 시작일과 종료일을 셀렉트박스로 만들게 하는 함수 입니다.아래 이미지와 같은 모습이며, 예제 보기를 통해서 구현된 페이지를 확인 할 수 있습니다. 자바스크립트로 주간(일~토) 셀렉트 박스 모습Codefunction makeWeekSelectOptions() { var...
jquery에서 사용할 수 있는 slidesjs라는 좋은 툴이 있지만, 퍼블리셔가 작업해서준 HTML 구조와 CSS 변경 작업이 어려워서 직접 만들었습니다.slidesjs 보다 별로이니 되도록이면 slidesjs 를 쓰도록 하자!그래도 나름 비슷하게 만든다고 만들었음, 아래 미리 보기로 구현된 모습을 확인...
자바스크립트에서 숫자를 표기할때 3자리마다 콤마를 찍어줘야 할 때가 있다 자주 사용하는 기능인데 매번 만들기란 여간 귀찮은게 아니다. 콤마찍기 //콤마찍기function comma(str) { str = String(str); return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');} 콤마 풀기 //콤마풀기function uncomma(str) { str = String(str);...
빠르게 복사해서 사용하기 위해서 jQuery ajax() 메소드의 기본적인 사용 방법과 코드를 정리합니다.$.ajax({ type: "post", global: true, async: true, url: "ajax_request.php", dataType : "html", timeout: 30000, cache: true, data: {"id":"1", "mode":"write"}, contentType : "application/x-www-form-urlencoded; charset=utf-8", error:...
jquery datepicker 를 이용하여 인터페이스를 제공하다 보면 가끔 년과 월만 선택하게 하도록 하고 싶을 때가 있습니다. 이럴경우 이용하기에 좋은 방법 입니다.아래 코드를 참고 하세요. Javascript Example: datepicker 년도와 월만 선택 하도록 하기 예제를 참고 하시면...
jQuery UI 에 있는 datepicker 이용해서 달력을 생성할 때 공휴일에는 선택을 불가능하게 하도록 하는 코드입니다.인터넷에서 찾은 코드에다가 약간의 수정을 더 해서 매년 반복되는 공휴일과 한 해에만 적용되는 공휴일을 구분할 수 있게 해놨습니다.코드를 보면 어느 정도...
JQuery에서 Selectbox를 컨트롤하는 방법에는 여러 가지가 있는데 자주 사용하는 방법에 대하여 바로 복사해서 사용 할 수 있도록 정리한다. 현재 선택되어진 Selectbox의 값 읽기 // Get selected value $("#myselectbox option:selected").val(); // Get selected text $("#myselectbox option:selected").text();...
Javascript를 이용하여 사용자의 키보드 입력에 따른 처리를 할 경우 Enter 입력으로 인하여 자동으로 Form이 전송되는 것을 막아야 할 때가 있다.보통 <Form onSubmit=”return Function()”> 등으로 처리할 수 있으나 그 외 특수한 상황에서 사용해야 할 경우 이벤트를...
개발하면서 간혹 키보드 제어가 필요한데 그때마다 KeyCode, ASCII 코드를 찾기 귀찮아서 자주 사용하는 키보드 키코드에 대한 것을 테이블로 정리하였다.참고로 자바스크립트에서 사용되는 키 코드이다. KEY KeyCode ASCII KEY KeyCode ASCII 0 48 48 Numpad 0 96...
