인터넷정보

[스크립트] 화면상의 객체 위치,크기

알 수 없는 사용자 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
반응형