J-Query

modal popup 창 사용 부모 자식간의 데이터 전송

사라링 2013. 5. 10. 17:36


$("#connectContract tbody .hovertr").on("click",function(){


var objectName = new Object(); // object 선언 modal의 이름이 된다.

objectName.message = "이건 테스트"; // modal에 넘겨줄 값을 선언할 수 있다.


var site = "./modalPopup.html";

var style ="dialogWidth:255px;dialogHeight:250px"; // 사이즈등 style을 선언

window.showModalDialog(site, objectName ,style ); // modal 실행 window.showModalDialog 포인트!!


// modal 에 넘겨줬던 값을 다시 부모창에 받아 들임   

document.getElementById("test1").value = objectName.message;

});



//자식창(팝업창) 에서 초기화 function 팝업 창에서 부모창이 보내준 값을 받고 돌려 주는 부분

function init(){


// 부모페이지의 값을 불러들이기 위함 window.dialogArguments 포인트!

var opener = window.dialogArguments ;

var message = opener.message; // 부모창에서 object에 넣었던 값

alert(message);

opener.message="test OK!!!"; // object 값을 변경

//window.close();

}