부모창
-------------------------
부모창을 띄우면 자동으로 팝업이 뜨게 하려면 위 코드 바로 밑에 아래와 같이 입력한다.
부모창에서 링크를 클릭했을 때, 팝업이 뜨게 하려면 a링크에서 아래와 같이 입력한다.
팝업창
-------------------------
팝업창의 바디에 아래와 같이 넣어준다.
예제 파일
-------------------------
-------------------------
<script language='JavaScript' type='text/javascript'>
<!--
function NewWin(sURL, sName, scrollbars, left, top){
var win;
win = window.open(sURL, sName, "status=no, toolbar=no, resizable=no, scrollbars="+scrollbars+", menubar=no, width=1, height=1, left="+left+", top="+top);
win.opener.self;
}
//-->
</script>부모창을 띄우면 자동으로 팝업이 뜨게 하려면 위 코드 바로 밑에 아래와 같이 입력한다.
<script language=javascript> Win( 'popup.php?id=popup&no=1', 'popuppopup1','no','20','10'); </script>
부모창에서 링크를 클릭했을 때, 팝업이 뜨게 하려면 a링크에서 아래와 같이 입력한다.
<a href="팝업창 주소" onclick="NewWin(this.href,'popuppopup1','no','20','10');return false;">링크</a>
팝업창
-------------------------
<script language="JavaScript">
<!--
function WindowReset( win /* Window Object */ ){ // 새창의 크기와 위치 재설정
//
// 새창의 진행상황 체크 완료되면 코드실행
//
//while(win.document.readyState != 'complete'){}
var winBody = win.document.body;
//
// 새창의 사이즈에 더해줄 marginWidth와 marginHeight
//
var marginHeight = parseInt(winBody.topMargin)+parseInt(winBody.bottomMargin);
var marginWidth = parseInt(winBody.leftMargin)+parseInt(winBody.rightMargin);
//
// 새창의 사이즈 설정
//
var wid = winBody.scrollWidth + (winBody.offsetWidth - winBody.clientWidth) + marginWidth-5;
var hei = winBody.scrollHeight + (winBody.offsetHeight - winBody.clientHeight) + marginHeight+17;
//
// 사이즈 재조정
//
win.resizeTo(wid, hei);
}
</script>팝업창의 바디에 아래와 같이 넣어준다.
<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" OnLoad="WindowReset(this)">
예제 파일
-------------------------
popup.html
댓글을 달아 주세요