자바스크립트 카렌다

폼 클릭시 카렌다 팝업하여 날짜 선택

1. 개요
Calendar 라이브러리는 사용자에게 쉽고 수월하게 날짜 형식을 입력받기 위해 만들어진 것입니다.
Calendar 라이브러리는 2가지 형식이 있습니다.
첫번째는 iframe을 이용한 형식, 두번째는 단순히 레이어만을 이용한 형식입니다.
이 두가지의 차이는 첫번째의 경우에는 iframe을 이용하여 날짜 입력을 위해 표시되는 달력이
select box 등의 z-index(상위값)이 조절이 안되는 개체의 뒤로 숨어버리는 현상이 없는 것이 장점이며,
두번째의 경우는 iframe을 이용한 방식보다 가벼우며, frame의 자바스크립트 통신에서 생길 수 있는 단점들을
가지지 않게 되는 것이 장점입니다.
상황에 따라 두가지 중, 원하는 라이브러리를 선택하시면 되겠습니다.

2. 날짜 형식의 입력방식
1. iframe 방식
달력을 loading하기 위하여 다음과 같은 구문을 작성합니다.
다음의 구문은 body 태그 안의 아무곳에나 위치시켜 주시면 되겠습니다.

이제, 사용자가 입력할 날짜 폼에서 달력을 보여줘야겠지요.
다음과 같이 onfocus 인자에 달력 클래스를 호출해주면 되겠습니다.

2. layer 방식
달력을 loading하기 위하여 다음과 같은 구문을 작성합니다.
일반적인 자바스크립트 라이브러리이므로 대게 head 태그 내에, 또는 원하시는 아무곳에나 위치시켜주시면 됩니다.

이제, 사용자가 입력할 날짜 폼에서 달력을 보여줘야겠지요.
다음과 같이 onfocus 인자에 달력 클래스를 호출해주면 되겠습니다.
1168855560.tgz

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다