본문 바로가기

컴터/Javascript / html

[firefox, chrome, IE] onresize 이벤트

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
레이어 팝업을 띄울때 setTimeout 으로 1초당 브라우저 크기를 체크해 레이어를 원하는 위치에 위치 시켰는데, onresize 라는 것을 오늘 처음 알았다..

모르는 분들을 위해...

더 좋은것 firefox, chrome, ie 된다는거..
다른건 테스트 안해 봐다.

<script>
function layout(){
    document.getElementById("aa").style.left = (document.body.clientWidth-200) / 2;
}

</script>
<body onresize="layout()" onload="layout()">

<div id="aa" style="position:absolute; top:100px;width:200px;height:200px;background:#000;color:red;font-weight:bold;">
중앙에 위치
</div>