便利eelife Java Script

   戻る

親ウィンドウからサブウインドウの関数を操作します.(背景色の変更)。
  



サンプルソース
<!--HTMLタグ </HEAD>の下に挿入してください。-->
<BODY onload="format()">
<FORM name="myform">
<INPUT type="button" value="赤" onclick="Mred()"> 
<INPUT type="button" value="緑" onclick="Mgrn()"> 
<INPUT type="button" value="青" onclick="Mblue()">
</FORM>
</BODY>
<!--Javascript <HEAD>と</HEAD>の間に挿入してください。 -->
<SCRIPT language="JavaScript">
<!--eelife
function format(){
subName=window.open('sub_bgclr.html','_blank','top =200,left =400,width=300,height=100,resizable=yes');
}

//-----サブウィンドウの背景変更
function Mred(){
window.subName.red();
}

function Mgrn(){
window.subName.grn();
}

function Mblue(){
window.subName.blue();
}

// -->
</SCRIPT>
コメント
subName=window.open() : メインウィンドウからサブウィンドウを操作するためには
開いたウィンドウ.オブジェクトを変数に代入して参照します。
window.subName.red()でサブウィンドウ側にある関数 red() を操作します。
focus()でサブウィンドウを前面に表示します

開く、サブウィンドウ 'sub_bgclr.html' は下記のタグをいれて作ってください。

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
function red(){document.bgColor = '#FF0000';focus();}
function grn(){document.bgColor = '#00FF00';focus();}
function blue(){document.bgColor = '#0000FF';focus();}
// -->
</SCRIPT></HEAD>
<BODY>親ウィンドウからサブウインドウの関数を操作します.(背景色の変更)</BODY>
</HTML>