main.html 이 브라우저에 로드되면 mainWnd라는 이름을 붙여주고
현재 윈도우에서 생성된 팝업 윈도우(popup.html)가 웹서버에 요청하고 그 응답(response.html)이
mainWnd를 갱신하도록 한다.
main.html (Parent Window)
response.html
현재 윈도우에서 생성된 팝업 윈도우(popup.html)가 웹서버에 요청하고 그 응답(response.html)이
mainWnd를 갱신하도록 한다.
main.html (Parent Window)
<HTML>
<HEAD><TITLE> Main.html </TITLE>
<script>
function openWnd(){
window.open("popWnd.html", "pop", "toolbar=no,menubar=no,width=300,height=200,resizable=yes,left=200,top=200");
}
</script>
</HEAD>
<BODY onLoad="window.name='mainWnd'">
<input type="button" value="Winopen" onClick="openWnd();">
</BODY>
</HTML>
<HEAD><TITLE> Main.html </TITLE>
<script>
function openWnd(){
window.open("popWnd.html", "pop", "toolbar=no,menubar=no,width=300,height=200,resizable=yes,left=200,top=200");
}
</script>
</HEAD>
<BODY onLoad="window.name='mainWnd'">
<input type="button" value="Winopen" onClick="openWnd();">
</BODY>
</HTML>
popup.html (Child Window)
<HTML>
<HEAD><TITLE> Popup window </TITLE></HEAD>
<BODY>
<!--폼을 처리하는 response.html은 target이 mainWnd이므로
폼을 전송하면 그 결과가 mainWnd라는 이름의 브라우저 화면에 나타난다.-->
<form action="response.html" method="post" target="mainWnd" onSubmit="window.close();">
<input type="submit" value="Send">
</form>
</BODY>
</HTML>
response.html
<HTML>
<HEAD><TITLE> response.html</TITLE></HEAD>
<!--이 문서는 mainWnd라는 이름의 브라우저 화면에 나타난다-->
<BODY>
Acton.html
</BODY>
</HTML>
<HEAD><TITLE> response.html</TITLE></HEAD>
<!--이 문서는 mainWnd라는 이름의 브라우저 화면에 나타난다-->
<BODY>
Acton.html
</BODY>
</HTML>