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();
}