Archive of posts with category 'Javascript'

php number format for javascript

PHP 함수로 존재하는 number_format 함수를 Javascript 함수로 구현하였습니다.사용방법은 php와 동일합니다./** * PHP 함수 number_format 같이 천자리마다 ,를 자동으로 찍어줌 * @param num number|string : 숫자 * @param decimals int default 0 : 보여질 소숫점 자리숫...

카테고리 셀렉트박스를 동적으로 생성하고 삭제하기

카테고리 선택 등록을 위해 셀렉트박스를 이용하는 경우, 셀렉트박스를 매번 만들어 주고 삭제해야 하는 경우가 있다.이때 셀렉트박스를 동적으로 처리하도록 하는 스크립트이다.하위 레벨에 내용이 존재하면 계속해서 추가로 셀렉트박스를 생성한다.하위 카테고리를 모두 펼친 상태에서 다시 상위를 선택하면 하위...

javascript foreach 사용하기

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 태그에...

jquery를 이용한 슬라이드(slides)배너

jquery에서 사용할 수 있는 slidesjs라는 좋은 툴이 있지만, 퍼블리셔가 작업해서준 HTML 구조와 CSS 변경 작업이 어려워서 직접 만들었습니다.slidesjs 보다 별로이니 되도록이면 slidesjs 를 쓰도록 하자!그래도 나름 비슷하게 만든다고 만들었음, 아래 미리 보기로 구현된 모습을 확인...

javascript comma and uncomma

자바스크립트에서 숫자를 표기할때 3자리마다 콤마를 찍어줘야 할 때가 있다 자주 사용하는 기능인데 매번 만들기란 여간 귀찮은게 아니다. 콤마찍기 //콤마찍기function comma(str) { str = String(str); return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');} 콤마 풀기 //콤마풀기function uncomma(str) { str = String(str);...

jquery Ajax() 기본 사용법

빠르게 복사해서 사용하기 위해서 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`에서 년도와 월만 선택 가능하게 하기

`jquery datepicker`에서 년도와 월만 선택 가능하게 하기

jquery datepicker 를 이용하여 인터페이스를 제공하다 보면 가끔 년과 월만 선택하게 하도록 하고 싶을 때가 있습니다. 이럴경우 이용하기에 좋은 방법 입니다.아래 코드를 참고 하세요. Javascript Example: datepicker 년도와 월만 선택 하도록 하기 예제를 참고 하시면...

jquery를 이용한 레이어 가운대 띄우기 (중앙정렬, 멀티레이어, 가운데 위치 자동조절)

jquery를 이용하여 마스크를 현재 창 전체로 씌운 다음 가운데로 원하는 레이어를 띄워주는 함수입니다. 그 외 창 사이즈를 조절하면 자동으로 레이어의 위치도 가운데로 다시 정렬되며, 레이어를 띄운 상태에서 다른 레이어를 또 띄우게 되면 기존 레이어 위에...

datepicker 시작일과 종료일 설정 시 사용하기 좋은 팁

datepicker 시작일과 종료일 설정 시 사용하기 좋은 팁

웹 프로그래밍을 하다 보면 가끔 시작일과 종료일을 입력받는 프로그램을 제작하곤 한다. 사용자에게 날짜를 입력받아야 하는데 텍스트 박스만 떡하니 놔두면 사용자가 제대로 된 데이터를 입력하지 않아 에러가 발생 될 수 있다. 이럴 경우를 대비하여 보통 달력을...

jquery ui datepicker 에서 공휴일 지정해서 선택 불가능하게 만들기

jquery ui datepicker 에서 공휴일 지정해서 선택 불가능하게 만들기

jQuery UI 에 있는 datepicker 이용해서 달력을 생성할 때 공휴일에는 선택을 불가능하게 하도록 하는 코드입니다.인터넷에서 찾은 코드에다가 약간의 수정을 더 해서 매년 반복되는 공휴일과 한 해에만 적용되는 공휴일을 구분할 수 있게 해놨습니다.코드를 보면 어느 정도...

JQuery : 클래스 이름만으로 페이지 전체에 롤오버 이미지 쉽게 적용하기

작업중에 얻은 소스를 변경한것.기존에는 지정한 파일 확장자의 _on 이미지 만을 사용했다면 변경한 것에는 이미지 파일에 상관 없이 클래스명이 hoverimg 일때 무조건 확장자 앞에 _on 의 유무에 따라 롤오버가 됨위 소스를 넣고싶은 페이지에 붙여 넣고 이미지...

JQuery에서 Select Box 제어 하기

JQuery에서 Selectbox를 컨트롤하는 방법에는 여러 가지가 있는데 자주 사용하는 방법에 대하여 바로 복사해서 사용 할 수 있도록 정리한다. 현재 선택되어진 Selectbox의 값 읽기 // Get selected value $("#myselectbox option:selected").val(); // Get selected text $("#myselectbox option:selected").text();...

JavaScript Event 정지하기

Javascript를 이용하여 사용자의 키보드 입력에 따른 처리를 할 경우 Enter 입력으로 인하여 자동으로 Form이 전송되는 것을 막아야 할 때가 있다.보통 <Form onSubmit=”return Function()”> 등으로 처리할 수 있으나 그 외 특수한 상황에서 사용해야 할 경우 이벤트를...

키보드 키코드 값

개발하면서 간혹 키보드 제어가 필요한데 그때마다 KeyCode, ASCII 코드를 찾기 귀찮아서 자주 사용하는 키보드 키코드에 대한 것을 테이블로 정리하였다.참고로 자바스크립트에서 사용되는 키 코드이다. KEY KeyCode ASCII KEY KeyCode ASCII 0 48 48 Numpad 0 96...