창의 존재 여부와 창간의 동작 |
../ |
<A href="javascript:void(0)"
onClick="newWin=window.open('new.htm', 'new', 'width=200,height=200')"
>새 창 열기</A>
newWin.closed로 새로열은 창이 닫혔는지 아닌지는 newWin.closed로 확인할 수 있습니다.
새로 열은 창이 있는지 없는지는 간단하지만 새로열은 창에서 원래의 창이 닫혔는지 아닌지는
다소 차이가 있습니다. 버그인지 아닌지는 모르겠습니다.
새로 열은 창, "new.htm"에서 window.opener.closed는 false입니다. 만약, 원래의 창을 닫았다면 이제 이 값은 true가 됩니다. (closed를 참조할 때, 한글판 ie4, ie5에서 window를 self로 지정하니 오작동했습니다.)
'closed' 요소를 사용하기 위해서 예를 하나들죠.. "new.htm"에서 원래의 창이 닫혔다면 "new.htm"창을 닫고 그렇지 않다면 원래의 창에 focus를 주도록 하겠습니다. 이렇게 하기 위해서는 "new.htm"에서 아래의 코드를 사용할 수 있습니다.
<script>
function mainWin() {
if(window.opener) {
if(!window.opener.closed) window.opener.focus()
else window.close();
}
}
</script>
<A href="#" onMouseOver="mainWin()">원래의 창이 있나없나..?</A>
nn4로 위의 코드로 시험하면 정상적인 작동을 합니다. ie4, ie5에서는 에러가 납니다.
이상한 것은 창이 2개 이상 열려 있다면 에러가 나지 않습니다. 한개의 창을 사용하여 새 창을 열고
실험하면 에러가 납니다.
이것을 해결하기 위해서는 다소 복잡한 코드를 사용해야 하겠습니다. 힌트라면 창이 닫혔을 때 사용할 수 있는
이벤트는 "onUnLoad" 이벤트가 있습니다. 이 이벤트는 창을 닫을때 뿐만이 아니고 다른 문서를 불러와도
일어나는 이벤트이기 때문에 단순하게 사용할 수 없습니다. 다만, nn4에서는 창을 닫을 때에는 이 이벤트가
일어나지 않습니다.
--
낙서판의 질문을 받고 만든 페이지입니다.
해결책을 찾을려고 장장 6시간 동안 해보다가 지금은 포기 했습니다. 죄송해요 해종님..
해결책을 찾으시면 저에게 알려주시면 고맙겠습니다.