[jQuery] 자식창 - 부모창 제어(창 열고 닫기, 값 전달)

부모창 -> 자식창

 

• 부모창에서 자식창(팝업) 열기

var child;
child = window.open("자식창 주소.html", "_blank", "height:300, width:300"); //선언과 초기화 동시에 해도 됨

_blank는 새 창으로 자식창을 연다.

 

• 부모창에서 자식창 닫기

child.close();

 

• 부모창에서 자식창으로 값 전달하기

var id = opener.$("#parent").val(); //부모창에서 id가 parent인 태그의 val()
$("#child").val(id); //자식창에서 id가 child인 val에 id를 넣기

※ 위 코드는 자식창에 입력한다. 자식창에서 부모창의 값을 가져오는 것이다.

 

---

자식창 -> 부모창

 

• 자식창에서 부모창으로 값 전달하기

$("#parent", opener.document).val($("#child").val());

부모창에서 parent라는 아이디를 가진 태그의 val()에 자식창의 값을 넣는다.

 

• 자식창에서 부모창의 함수 호출하기

$(opener.location).attr("href", "javascript:pfun();");

자식창에서 부모창의 함수 pfun()을 호출하는 코드이다.