가구 리폼

원목 식탁의자를 화이트크림색 페인트로 리폼한겁니다.
천도 패브릭사이트에서 주문한 모던한걸로 바꾸니 정말 다른 분위기가 나네요.
덕분에 집안 분위기가 화사~~~~

자바스크립트 항상 같은 위치에 배너를 보여줌

1. 개요
SmoothBanner 라이브러리는 일반 홈페이지 우측에 페이지 스크롤에 관계없이
사용자에게 일정하게 보여지는 컨텐츠를 위한 라이브러리이다.

2. 작성
준비작업은 smoothBanner 라이브러리를 include해주는 것으로 끝난다.

그 후 배너로 지정할 영역에 다음과 같은 스크립트를 작성하여 주면 된다.
position style을 필수로 주어야 한다.(relative or absolute)

배너로 지정될 컨텐츠


1001533020.js

자바스크립트 뉴스슬라이드

1. 개요
textSlider는 홈페이지의 메인페이지에서 많이 사용되는 움직이는 뉴스(Ticker)를 쉽게 작성, 편집할 수 있도록
만들어진 라이브러리이다.

2. Ticker 작성
준비작업은 textSlider 라이브러리를 include해주는 것으로 끝난다.

그 후 Ticker를 붙일 html 영역에 다음과 같은 스크립트를 작성하여 주면 된다.

1259188263.js

자바스크립트 카렌다

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

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