본문 바로가기
JAVASCRIPT

자식창에서 부모창에게 값 전달

by Hwoarang757 2013. 7. 23.

1.Window.open을 이용하여 자식창에서 부모창의 버튼을 클릭하려 할때

 

부모창 자바스크립트 코드

window.open("./JobQuestion.aspx","","dialogHeight=50px; dialogWidth=300px; resizable=yes;status=yes");

자식창 자바스크립트 코드 (부모창의 btnSearch 라는 버튼을 클릭한다)
opener.document.getElementById("btnSearch").click();

 

부모창에 btnSearch 버튼의 이벤트가 실행된다.

 

2.showModalDialog 를 이용하여 자식창에서 부모창의 버튼을 클릭하려 할때

 

부모창 자바스크립트 코드


var Result = window.showModalDialog("./JobQuestion.aspx","","dialogHeight=50px; dialogWidth=300px; resizable=yes;status=yes");
window.open("./JobQuestion.aspx","","dialogHeight=50px; dialogWidth=300px; resizable=yes;status=yes");

if(Result == "JobStart")
{
document.getElementById("btnSearch").click();
}
else
{
alert("작업을 취소했습니다.");
}

자식창 자바스크립트 코드
        function init()
        {
          //  return;
            var temp = "";
           
            temp = "작업을 계속 진행 하시겠습니까? 작업이 진행되면 다시 되돌릴 수 없습니다";
            document.all.Span_text.innerHTML = temp;

        }
        function ReturnOk(Num)
        {
              if(Num == 1)
              {
                window.returnValue ="JobStart";
                self.close();
              } 
              else
              {
              window.returnValue = "false";
              self.close();
              }
        }
    </script>
</head>
<body onload="init()">
    <form id="form1" runat="server">
    <div>
        <table align="center" cellpadding="3" cellspacing="3">
        <tr>
        </tr>
        </table>
        <span id ="Span_text"></span>
        <br />
        <input type="button" id = "btnOk" value="예" onclick="ReturnOk(1)" />
        &nbsp; &nbsp;&nbsp;&nbsp;
        <input type="button" id = "btnNo" value="아니오" onclick ="ReturnOk(2)" />
    </div>