개발 정보/JavaScript

자식창(팝업) 정보를 부모창에 넘기기

광천스러움 2016. 10. 6. 21:21

<상황>

 - 자식창 : 부모창에서 버튼 클릭시 새창으로 생성되는 팝업창

 - 부모창 : form 정보를 갖고 있는 창


예를 들어, 부모창에 category, id, writer 정보를 가지고 있는 폼이 있다고 치자.

 <form name="detailViewForm" action="action.jsp">

 <input type="hidden" name="category" value="초기화" />

 <input type="hidden" name="id" value="초기화" />

 <input type="hidden" name="writer" value="초기화" />

 </form>


자식 팝업창에 리스트가 있고, 카테고리를 클릭하면 부모창의 폼에 내용이 들어가게 하고 싶다면,

-----------------------------------------------------------------------

category        id        writer

-----------------------------------------------------------------------

호통짤          pms      박명수


호통짤 클릭시 스크립트를 하나 만들어 준다.

<table>

  <tr>

    <td>category</td><td>id</td><td>writer</td>

  </tr>

  <tr>

    <td><a href="javascript:detailView(category,id,writer)">호통짤</a></td>

    <td>pms</td>

    <td>박명수</td>

  </tr>

</table>


<script>

detailView(category, id, writer)

{

window.opener.document.detailViewForm.category.value = category;

window.opener.document.detailViewForm.id.value = id;

window.opener.document.detailViewForm.writer.value = writer;


window.opener.document.detailViewForm.submit();    //폼 전송

self.close();    //자식창 닫기

}

</script>