親ウインドウの操作方法(ラジオボタン)
前回のサンプルでは一番実現したかったラジオボタンの値がうまく返せていなかったので
ラジオボタンのサンプルを加えて書き直し。
page1.htm
<HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- function OK(){ document.frm.cid.value = document.frm.gid.value; } //--> </SCRIPT> </HEAD> <BODY> <P>別ウインドウ動作確認<BR> </P> <FORM name="frm" action="http://localhost/cgi-bin/printenv.pl"> <INPUT size="20" type="text" name="name" value="aaa"><BR> <INPUT type="text" name="cid" value="200"><BR> <INPUT type="text" name="gid" value="bbb"><BR> <INPUT type="text" name="rid" value=""><BR> <INPUT type="button" value="別ウインドウ" onclick="window.open('page2.htm', '_blank');"> <INPUT type="button" value="OK" onclick="OK();"> </FORM> </BODY> </HTML>
page2.htm
<HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- function OK(){ window.opener.document.frm.cid.value = document.frm.gid.value; radios = document.frm.rid; rlen = radios.length; for(i=0;i<rlen;i++){ if(radios[i].checked){ window.opener.document.frm.rid.value = document.frm.rid[i].value; break; } } window.opener.document.frm.submit(); window.close(); } //--> </SCRIPT> </HEAD> <BODY> <P>呼ばれ側<BR> </P> <FORM name="frm"> <INPUT size="20" type="text" name="gid" value="100"><BR> <INPUT type="radio" name="rid" value="1">1 <INPUT type="radio" name="rid" value="2">2<BR> <INPUT type="button" value="OK" onclick="OK();"> </FORM> <a href="page2.htm">ページ遷移</a> </BODY> </HTML>