Archive of posts with tag 'javascript'

Javascript 내장함수를 이용한 숫자/날짜의 현지화

Javascript 내장함수를 이용한 숫자/날짜의 현지화

이전에 포스팅했던 글 중에 javascript comma and uncomma 라는 글이 있다. 한국에서 숫자를 표시할 때 보통 셋째 자리에서 콤마를 찍어주는데 화면을 구성할 때 유저의 편의를 위해서나, 좀 더 명확한 식별을 위해서 숫자 표기 시 사용하는...

php number format for javascript

php number format for javascript

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

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

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

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

참고자료 – object 태그 안에 사용되는 param 속성 정리(IE전용)

참고자료 – object 태그 안에 사용되는 param 속성 정리(IE전용)

제목과는 관계 없지만 익스전용으로 만들었던 미디어플레이어 제어 스크립트 첨부합니다.미디어플레이어+제어스크립트 미디어플레이어 제어를 위한 MSDN 문서 주소 http://msdn.microsoft.com/en-us/library/dd563945(v=VS.85).aspx https://docs.microsoft.com/ko-kr/windows/win32/wmp/object-model-reference-for-scripting?redirectedfrom=MSDN 이전에 미디어플레이어 제어를 위하여 구글링 했을때 스크랩한 내용입니다. 출처는 적어 두지 않아서 모름니다.미디어 플레이어 예제 보기(IE 전용)<object classid=”CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95″...

폼 전송시 utf-8 에서 euc-kr로 변환하여 전송

폼 전송시 utf-8 에서 euc-kr로 변환하여 전송

이전 모빌리언스 PG작업시 알아낸 방법 정리 한것.핵심은 emulAcceptCharset 함수 사용과 form 태그에서 accept-charset=”EUC-KR” 기술 해야 한다는 것.다음은 스크립트 상에서 인코딩 타입을 변환하는 샘플 소스입니다. 폼 전송 페이지에 스크립트 추가부분 function emulAcceptCharset(form) { if (form.canHaveHTML) {...

javascript foreach 사용하기

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

자바스크립트로 주간(일~토) 셀렉트 박스 만들기

자바스크립트로 주간(일~토) 셀렉트 박스 만들기

년도와 월을 선택하면 해당 년/월에 포함 되어있는 주 시작일과 종료일을 셀렉트박스로 만들게 하는 함수 입니다.아래 이미지와 같은 모습이며, 예제 보기를 통해서 구현된 페이지를 확인 할 수 있습니다. 자바스크립트로 주간(일~토) 셀렉트 박스 모습Codefunction makeWeekSelectOptions() { var...

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

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

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

javascript comma and uncomma

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() 기본 사용법

빠르게 복사해서 사용하기 위해서 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를 이용한 레이어 가운대 띄우기 (중앙정렬, 멀티레이어, 가운데 위치 자동조절)

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

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

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

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

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

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

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

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

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

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

JavaScript Event 정지하기

JavaScript Event 정지하기

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

Javascript 키보드 키코드 값

Javascript 키보드 키코드 값

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