<상황>
- 자식창 : 부모창에서 버튼 클릭시 새창으로 생성되는 팝업창
- 부모창 : 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>
끝
'개발 정보 > JavaScript' 카테고리의 다른 글
자바스크립트 API: sort 함수(예제): asc/desc(어센던트/디센던트) sort (0) | 2016.10.23 |
---|---|
자바스크립트 API: Reverse 함수(예제) (0) | 2016.10.23 |
자바스크립트: 배열 테스트 및 향상된 for문 사용법(예제) (0) | 2016.10.23 |
isNaN 함수 - 숫자가 아닌 경우를 체크(예제) (0) | 2016.10.23 |
자바스크립트로 파라미터값 불러와 출력하기(예제) (0) | 2016.10.22 |