日新又日新: 팝업 윈도우에서 입력한 값을 부모 윈도우에 설정하기

2016년 12월 12일 월요일

팝업 윈도우에서 입력한 값을 부모 윈도우에 설정하기

부모 윈도우(parent.html)

<HTML>
 <HEAD>
  <TITLE> opener Window </TITLE>

 <script>
  function showChild(){
   popup = window.open("child.html", "popWnd", "width=500,height=200,toolbar=no,location=no,directories=no,status=no,menubar=no, scrollbars=no,resizable=yes,copyhistory=no");

   document.getElementById("div01").innerHTML = "팝업 윈도우에서 변경할 문자열";
  }
 </script>

 </HEAD>
 <BODY><CENTER><br><br>

 <div id="div01"> 
 아래의 버튼을 누르면 팝업 윈도우가 보입니다.<br>
 팝업 윈도우의 폼에 임의의 문자열을 입력해 보세요.
 </div>

 <br><br>
 <input type='button' value="팝업 윈도우 보이기" onClick="showChild();">

 </CENTER></BODY>
</HTML>

자식 윈도우(child.html)

<HTML>
 <HEAD>
  <TITLE> Child Window </TITLE>

 <script>
  function passToOpener(){
   opener.document.getElementById("div01").innerHTML=document.childForm.field01.value;
   window.close();
  }
 </script>

 </HEAD>

 <BODY><CENTER>

  <form name="childForm">
   입력:<input type="text" name="field01"><br><br>

   <input type="button" value="위에 입력한 내용을 부모 윈도우로 보내기" onClick="passToOpener()">
  </form>

 </CENTER></BODY>
</HTML>

[출처]http://micropilot.tistory.com/category/Javascript?page=78

댓글 없음:

댓글 쓰기