Mozilla 한국 커뮤니티

<script>
function submit_loading(obj) {
var nLeft,nTop
var _x = document.body.clientWidth/2 + document.body.scrollLeft - 10;
var _y = document.body.clientHeight/2 + document.body.scrollTop - 10;

eval(obj+".style").posLeft = _x;
eval(obj+".style").posTop = _y;
eval(obj+".style").display='block';
}
</script>

<div>
잠시만 기다려 주세요
</div>

<input>

확인버튼을 누르면 load_div라는 레이어가 보이는겁니다.
파이어폭스에서도 보이긴하는데 원래 현재 스크롤된 만큼의 위치에 레이어가 보여야하거든요. 근데 파이이폭스에서는 그 위치에 나타나지않고 그냥 맨위쪽에 즉 top과 left 적용이 안된것처럼 나타납니다.
어떻게 해야할까요..
부탁드립니다.

먼저, 저는 웹개발자도 아니고 그냥 취미삼아 html과 js를 뚝닥거렸을 뿐이니 정답은 아닙니다. 그래도 결과물은 표현하려던 대로 잘 되었습니다.

저도 같은 문제로 고민했었는데,
posTop을 수정하는 대신 해당 obj의(제 경우 div였습니다.) posTop을 0으로 하고, paddingTop을 수정했습니다.
posLeft는 document.body.clientWidth/2를 쓰지 않고 그냥 text-align:center;를 사용하였고요.

LA wrote:eval(obj+".style").posLeft = _x;
eval(obj+".style").posTop = _y;

윗 코드를 밑에처럼 하면 되지 않나요?
(참고: DOM:CSS - MDC)