[스크립트] 화면상의 객체 위치,크기
인터넷정보2008. 2. 14. 15:46
function getBounds(tag)
{
var ret = new Object();
if(document.all) {
var rect = tag.getBoundingClientRect();
ret.left = rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft);
ret.top = rect.top + (document.documentElement.scrollTop || document.body.scrollTop);
ret.width = rect.right - rect.left;
ret.height = rect.bottom - rect.top;
} else {
var box = document.getBoxObjectFor(tag);
ret.left = box.x;
ret.top = box.y;
ret.width = box.width;
ret.height = box.height;
}
return ret;
}
var box = getBounds(document.getElementById('youranytag'));
box.left
box.top
box.width
box.height
댓글로 달았었는데, 검색이 용이하지 못하여 새글로 작성.
출처:http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=59355&page=1
{
var ret = new Object();
if(document.all) {
var rect = tag.getBoundingClientRect();
ret.left = rect.left + (document.documentElement.scrollLeft || document.body.scrollLeft);
ret.top = rect.top + (document.documentElement.scrollTop || document.body.scrollTop);
ret.width = rect.right - rect.left;
ret.height = rect.bottom - rect.top;
} else {
var box = document.getBoxObjectFor(tag);
ret.left = box.x;
ret.top = box.y;
ret.width = box.width;
ret.height = box.height;
}
return ret;
}
var box = getBounds(document.getElementById('youranytag'));
box.left
box.top
box.width
box.height
댓글로 달았었는데, 검색이 용이하지 못하여 새글로 작성.
출처:http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=59355&page=1
'인터넷정보' 카테고리의 다른 글
자바스크립트 정규식을 바로 확인할 수 있는 웹 도구들 모음 (0) | 2008.02.14 |
---|---|
[PHP함수] 현재 배열이 몇차원 배열인가를 리턴해 줍니다. (0) | 2008.02.14 |
즐겨찾기 및 시작페이지 추가 IE FF모두 가능 (0) | 2008.02.14 |
[스크립트] 달력 3개월치 (alee 님꺼 수정) (0) | 2008.02.14 |
[보안] php 보안관련 켑챠 (0) | 2008.02.14 |
[스크립트] 간단한 날짜입력용 자바스크립트 달력입니다. (0) | 2008.02.14 |
유용한 온라인 툴(online tool)들 (0) | 2008.02.14 |
손상된 DLL파일 구하기 (0) | 2008.02.04 |
[스크립트] [펌] 체크박스형으로 디자인 된 멀티 select (0) | 2008.02.04 |
[스크립트] css 로 선언한 값을 객체에서 알아오기 (0) | 2008.02.04 |