마스터포유(Master4U)
Monday, 17 of January
 

로그인
팝업 브라우저 "창닫기" 버튼 만들기
관리자  2016-07-06 04:12:40 Hit:1069
링크 #1: http://happyjung.com/bbs/board.php?bo_table=lecture&wr_id=608


(update. 2015-05-08)

홈페이지에서 공지사항이나 이벤트와 같은 창이 열리고, 그 창에서 "닫기" 버튼을 클릭하면 창이 사라지는 기능입니다.


1. History 활용   ( 정상 : IE 11    /   작동안함 : FireFox 36.0  ,  Chrome 4.0.22   )
<script type="text/javascript">
<!--
function closeWin() {
    var nvua = navigator.userAgent;
    if (nvua.indexOf('MSIE') >= 0){
        if(nvua.indexOf('MSIE 5.0') == -1) {
            top.opener = '';
        }
    } else if (nvua.indexOf('Gecko') >= 0){
        top.name = 'CLOSE_WINDOW';
        wid = window.open('','CLOSE_WINDOW');
    }
    top.close();
}
// -->
</script>

<a href="#" onclick="javascript:history.onclick=closeWin();">닫기</a>


2. A 링크 활용   ( 정상 : IE 11  ,  FireFox 37.0.2  ,  Chrome 42.0.23   )
<a href="#" onclick="javascript:window.close()">창닫기</a>
<a href="#" onclick="javascript:self.close();">닫기</a>



3. 버튼 클릭으로 창 닫기    ( 정상 : IE 11    /   작동안함 : FireFox 36.0  ,  Chrome 42.0.232   )
<input type="button" value="창닫기" onClick="window.close()">
<input type="button" value="창닫기" onClick="window.open('','_self').close();">



4. 프레임셋 문서를 이미지클릭으로 닫기
<a href="#" onclick="javascript:top.window.close()"><img border="0" src="../close.gif"></a>


5. 프레임셋 문서 전체닫기
<a href="javascript:top.window.close()">창닫기</a>


6. 프레임셋 문서를 버튼클릭으로 닫기
<input type="button" value="창닫기" onclick="top.window.close()">


7. 부모창 닫기
<a href="#" onclick="javascript:parent.close();">닫기</a>


참고자료
http://www.ddalchi.co.kr/ddart/cgi-bin/ddbread.cgi?db=bbs_06&anum=39&page=1
http://www.dbinfo.co.kr/bbs/board.php?bo_table=dbinfo_html_javascri&wr_id=31
http://luvbaby.tistory.com/96


<자료출처 : http://happyjung.com >
본문인쇄본문메일발송
이미지맵을 이용한 창닫기 소스
팝업소스(팝업띄우기)
Copyright 1999-2019 Zeroboard / skin by ChanBi