이벤트 팝업창에 관련된 스크립트
▶ 이벤트팝업창 자동띄우기
(이벤트 팝업창에 삽입)
| <html> <head> <title></title> <script language="javascript"> <!-- function pop(){ window.open("팝업창파일", "pop", "width=400,height=500,history=no,resizable=no,status=no,scrollbars=yes,menubar=no") } //--> </script> </head> <body onload="javascript:pop()"> 이벤트 팝업창을 띄우기 </body> </html> |
▶ 프레임이 있는 팝업창 닫기
(이벤트 팝업창에 삽입)
| <html> <head> <title></title> <script language="Javascript"> <!-- function frameclose() { parent.close() window.close() self.close() } //--> </script> </head> <body> <a href="javascript:frameclose()">프레임셋 한방에 닫기</a> </body> </html> |
▶ 팝업창 닫고 프레임이 없는 부모창에서 원하는 페이지로 이동하기
(이벤트 팝업창에 삽입)
| <html> <head> <title></title> <script language="javascript"> <!-- function MovePage() { window.opener.top.location.href="연결할파일" window.close() } //--> </script> </head> <body> <a href="javascript:MovePage();">자세한내용보기</a> </body> </html> |
▶ 팝업창 닫고 프레임이 있는 부모창에서 원하는 페이지로 이동하기
(이벤트 팝업창에 삽입하고 팝업창의 설정은 프레임셋 페이지에 해야함)
(오픈창이 아닐경우에는 window.top.프레임이름.location.href="연결할파일" 적용한다)
| <html> <head> <title></title> <script language="javascript"> <!-- function MovePage() { window.opener.top.프레임이름.location.href="연결할파일" //팝업창이 아닌것우.. window.close() } //--> </script> </head> <body> <a href="javascript:MovePage();">자세한내용보기</a> </body> </html> |
▶ 팝업창 자동으로 닫기
(이벤트 팝업창에 삽입)
| <html> <head> <title>Close Window Timer</title> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <script language="JavaScript"> <!-- function closeWin(thetime) { setTimeout("window.close()", thetime); //1000 은 1초를 의미합니다. } //--> </script> </head> <body onLoad="closeWin('5000')"> 이창은 5초후 자동으로 창이 닫힘니다.<br> </body> </html> |
▶ 프레임 나눈 팝업창 한번에 닫기
(이벤트 팝업창에 삽입)
| <html> <head> <title>Close Window Timer</title> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <script language="JavaScript"> <!-- function closeWin(thetime) { setTimeout("window.close()", thetime); //1000 은 1초를 의미합니다. } //--> </script> </head> <body onLoad="closeWin('5000')"> 이창은 5초후 자동으로 창이 닫힘니다.<br> </body> </html> |
▶ 링크로 윈도우 이동하기
<a href="#" onClick="parent.close()">창닫기</a>
<a href="#" onClick="history.back()">이전페이지로</a>
<a href="#" onClick="history.forward()">앞 페이지로</a>
<a href="#" onClick='top.location="javascript:location.reload()"'>새로고침</a>
▶ 클릭하면 자동으로 창 닫기
<a href="javascript:window.close()">이미지나.. 글자</a>