세상을 마크업하자! :: 브라우저 문서 영역 크기 구하기

브라우저의 문서 영역의 크기를 구할때
현재 보여지는 부분의 크기(clientWidth, clientHeight)와
실제 존재하는 부분의 크기(scrollWidth, scrollHeight)를 사용하게 되는데,

이게, 브라우저마다 또 표준 DTD 인지 여부에 따라 구하는 방법이 모두 상이하다.
그래서 간단한 함수로 만들어봤다.

IE5, IE55, IE6, IE7, IE8, FF2, Safari3, Opera9 에서 테스트 됨 (Language : javascript)

/**
* 브라우저 document 영역의
* clientWidth/clientHeight, scrollWidth/scrollHeight 구하기
*
* @author hooriza
*/
function getClientSize() {
var oDoc = document[document.compatMode == 'CSS1Compat' ? 'documentElement' : 'body'];
if (/Opera/.test(navigator.userAgent)) oDoc = document.body;
return [
oDoc.clientWidth,
oDoc.clientHeight
];
}
function getScrollSize() {
var oDoc = document[document.compatMode == 'CSS1Compat' ? 'documentElement' : 'body'];
if (/Opera|Safari/.test(navigator.userAgent)) oDoc = document.body;
// IE6 미만이면
if (/MSIE\s([0-9]+(\.[0-9]+)*)/.test(navigator.userAgent) && parseFloat(RegExp.$1) < 6) {
var aOld = [ oDoc.scrollLeft, oDoc.scrollTop ];
var aClient = getClientSize();
oDoc.scrollLeft = 999999;
oDoc.scrollTop = 999999;
var aRet = [
oDoc.scrollLeft + aClient[0],
oDoc.scrollTop + aClient[1]
];
oDoc.scrollLeft = aOld[0];
oDoc.scrollTop = aOld[1];
return aRet;
}
return [
oDoc.scrollWidth,
oDoc.scrollHeight
];
}

크리에이티브 커먼즈 라이센스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.

Posted by 쭈니

« 2008/08 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31

« 2008/08 »

일

월

화

수

목

금

토

세상을 마크업하자!

브라우저 문서 영역 크기 구하기

Tag Cloud

Notices

Archives

Categories

Authors

Recent Posts

Recent Comments

Recent Trackbacks

Calendar

Bookmarks

Site Stats