웹페이지를 새로고침 해야 할 때가 있습니다. F5를 누르는거면 문제도 아니지만, cgi를 만드는 도중 스크립트가 알아서 새로고침 하도록 하는건 때로는 방해되는 문제이기도 하고, 유용하게 쓰이기도 하고 주절주절...
본부는 로그인을 누르면 1. 새 창을 띄워서 로그인 폼을 보여주고, 2. 여기서 로그인을 하면 로그인 창을 닫아버리고 3. 본래 로그인 하려던 페이지가 떠 있는 브라우저를 다른 창보다 위로 잡아준 다음 4.그 페이지를 새로고침 합니다. 그래야 로그인전/후 상태가 나눠져서 구현된 페이지의 경우 바르게 표시 되겠지요.
여기까지 만들어 놓고 '아 이걸로 귀찮은거 해결' 등의 거만한 말을 씨부렁 거리며 파이어폭스를 켜서 같은 페이지에서 로그인을 시도했습니다. 근데 문제가 생겼습니다.
IE에선 로그인 창을 열어준 부모창(원래 사용자가 보고있던 창)이 로그인 직후 새로고침이 잘 되는데. FF에선 새로고침이 안되더군요.
.
.
.
로그인 폼 부분
.
.
.
window.close(); <!-- 로그인 창 닫아버림 -->
opener.history.go(0); <!-- history 0 이므로 부모창에서 현재 페이지를 새로고침 -->
opener.focus(); <!-- 부모창을 다른창 보다 위로 잡아주기 -->
뭐 이랬는데. FF에서 새로고침이 안되는 거니깐 opener.history.go(0); 이거이 문제가 아닐려나 하고 구글한 끝에 모질라 포럼 한 구석에서 발견한 소스에서 원인을 알았습니다.
FF에선 history.go(-1), history.go(-2) 등등은 있어도 (0) 은 없다는 것입니다. history.go(0); 이런건 IE에서나 된다네요? 이쯤되면 IE나 FF나 둘다 칭찬해 줄 수 없을거 같은데(이걸 알기까지 너무 많은 삽질을 해댔다.) 어쨋거나,
.
.
.
로그인 폼 부분
.
.
.
window.close(); <!-- 로그인 창 닫아버림 -->
opener.location.reload(); <!-- 새로고침 -->
opener.focus(); <!-- 부모창을 다른창 보다 위로 잡아주기 -->
이렇게 고쳐서 승부를 냈답니다. 잇힝.
이 사건(?)과는 상관없는 이야기 이지만, FF도 최근에는 marquee같은 비표준 태그 또는 IE에서나 사용되던 스크립트 구문 몇가지를 지원하기 시작한 걸 보니, 완벽한 표준 보다는 IE 대체브라우저 로서 크로스브라우징이 편리하도록 호환성에 좀 더 신경을 쓰는게 아닌가 하는 느낌이 요즘 들고 있습니다. |
