팝업창사이에 데이터 전달 방법

 

팝업창 사이에 데이터를 전달하기 위해서는 팝업창 객체를 가리키는 변수를 사용해야 합니다. 팝업창을 가리키는 변수를 통해 팝업창사이에 데이터가 전달됩니다.

 

 

팝업창을 띄울때 팝업창을 가리키는 변수 지정하기

var popupWindow = null;

 

function popup_open() {

    var settings = "toolbar=0,directories=0,status=yes,menubar=0,scrollbars=auto,resizable=no,height=400,width=400,left=30,top=30";

 

    popupWindow = window.open("index.jsp", "search", "settings);

} 

 

부모창에서 팝업창의 입력폼에 데이터를 전달할 때는 부모창에 스크립트 코드를 실행하며 팝업창을 가리키는 변수를 통해 데이터를 전달합니다.  

 

function submitToPopUp() {

    popupWindow.document.all.zipcode1.value = document.all.zipcode1.value;

    popupWindow.document.all.zipcode2.value = document.all.zipcode2.value; 

}

 

또한, 팝업창에서 부모창으로 데이터를 전달하기 위해서는 opener 객체를 사용합니다. opener 객체는 부모창을 가리키는 객체입니다. 

 

function submitToParent() {

    opener.document.all.zipcode1.value = document.all.zipcode1,value;

    self.close();     // 팝업창을 닫습니다.

}