index.html 이 열리면 popup.html 파일이 열리고, popup.html 안에 있는 이미지를 클릭하면 popup.html 이 닫히고 새로운 타겟 URL을 새창으로 엽니다.
1. 팝업창을 호출하기(index.html)
<body onload="javascript:void(window.open('popup.html','','width=401,height=441,top=0,left=0,status=no,toolbar=no, resizable=no,scrollbars=no'))">
2. 팝업창으로 사용할 이미지를 담은 html 파일을 만들고(popup.html)
<body>
<a href='#' onclick="newwin();""><img src="팝업 이미지" /></a>
</body>
3. 여백 제거를 위해 아래의 스타일 시트를 <head>에 추가(popup.html)
<style>
*{margin:0;padding:0;border:0;width:100%;overflow-x:hidden;overflow-y:hidden;}
</style>
4. <head>에 팝업창이 스스로 닫히며 최종 타겟이 열리게 하는 스크립트 추가(popup.html)
<script language="Javascript">
flag = 1;
function newwin() {
if (flag==1) {
open("최종 타겟 url", "_blank");
self.close();
}
}
</script>
출처 - http://1sam-online.blogspot.kr/2011/08/closing-popup-self-and-then-popups-new.html
'Programing' 카테고리의 다른 글
| [Window]윈도우서버 배치파일 파일 복사 및 삭제 (0) | 2013.06.21 |
|---|---|
| JSP로 엑셀(Excel) 다운로드 파일만들기(한글깨짐,숫자포함) (0) | 2013.06.14 |
| [아파치] access.log 설정 (0) | 2013.04.10 |
| IE 호환성 보기 버튼 없애기 (0) | 2013.01.09 |
| [HTML]테이블이 긴글로 깨질때 (0) | 2012.11.01 |