日新又日新: 메인 윈도우에서 생성한 팝업 윈도우에서 서버에 요청하고 그 응답을 메인 윈도우에서 받는 예제

2016년 12월 12일 월요일

메인 윈도우에서 생성한 팝업 윈도우에서 서버에 요청하고 그 응답을 메인 윈도우에서 받는 예제

main.html 이 브라우저에 로드되면 mainWnd라는 이름을 붙여주고
현재 윈도우에서 생성된 팝업 윈도우(popup.html)가 웹서버에 요청하고 그 응답(response.html)이
mainWnd를 갱신하도록 한다.

main.html (Parent Window)

<HTML>
<HEAD><TITLE> Main.html </TITLE>
<script>
 function openWnd(){
  window.open("popup.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>

댓글 없음:

댓글 쓰기