javascript로 브라우저 중앙에 레이어 뛰우기
아래는 브라우저 중앙에 div 구조로된 레이어를 뛰울때, 좌표값을 구하는 방법이다.
※ 전체 크기에서 레이어 사이즈를 뺀것을 반으로 나누고, 스크롤 한 길이만큼을 더해준것이다.
document.body 대신에 document.documentElement 를 사용한 이유는 DTD 타입을 선언한 페이지에서는 document.body 의 값을 내뱉지 못한다. body에서 얻지 못한값은 documentElement 로 얻을수 있다.
document.documentElement.clientWidth : 현재 브라우저의 document 넓이를 반환.
300 : 뛰울 레이어의 가로 사이즈.
document.documentElement.scrollLeft : 브라우저의 document의 스크롤이 이동한 넓이.
※ 전체 크기에서 레이어 사이즈를 뺀것을 반으로 나누고, 스크롤 한 길이만큼을 더해준것이다.
document.body 대신에 document.documentElement 를 사용한 이유는 DTD 타입을 선언한 페이지에서는 document.body 의 값을 내뱉지 못한다. body에서 얻지 못한값은 documentElement 로 얻을수 있다.
'Web > Client' 카테고리의 다른 글
| 어플리케이션 내장 IE의 웹개발시 border값 제거 (0) | 2008/01/24 |
|---|---|
| javascript의 relaceAll 을 대체할만한 split 와 join (1) | 2008/01/16 |
| javascript로 브라우저 중앙에 레이어 뛰우기 (0) | 2008/01/07 |
| 자바스크립트로 구현한 튤팁(Tooltip) (0) | 2007/08/20 |
| Ajax 호출시 JSON 으로 리턴 받기 (0) | 2007/08/06 |
| java냐 javascript이냐? (0) | 2007/07/31 |
- Posted by byuli on 2008/01/07 20:03
- 받은 트랙백이 없고
- 댓글이 없습니다.
