[CJ-Club]-[JavaScript]-別ウインドウから背景色を操作

別ウインドウから背景色を操作

1) ウインドウを出すページにスクリプト1を<HEAD>～</HEAD>の間に記述する

<!--スクリプト1-->
<script language="javascript">
function navi(){
        navi1=window.open("color.htm","window2","resizable=no,menubar=no,directories=no,status=no,location=no,width=400,height=150");
}
</script>
<!--ここまで-->

2)赤い文字の部分を<BODY>のカッコ内に記述する

<BODY BGCOLOR="#e6ed89" LINK="#ff0000" VLINK="#0000ff" onLoad="navi()">

3) ウインドウに出るHTMLファイルの<HEAD>～</HEAD>の間にスクリプト2を記述する

<!--スクリプト2-->
<script language="javascript">
function color1(){
        window.opener.document.bgColor="87CEFA";
}
function color2(){
        window.opener.document.bgColor="FFFFE0";
}
function color3(){
        window.opener.document.bgColor="white";
}
function color4(){
        window.opener.document.bgColor="E6ED89";
}
function tojiru(){
        window.close();
}
</script>
<!--ここまで-->

4) ウインドウに出るHTMLファイルの表示したいところにスクリプト3を記述する。

<!--スクリプト3-->
<FORM>
<INPUT TYPE=BUTTON VALUE="らいとすかいぶるー" onClick="color1()">
 <INPUT TYPE=BUTTON VALUE="らいといえろー" onClick="color2()">
 <INPUT TYPE=BUTTON VALUE="ほわいと" onClick="color3()"><BR>
<BR>
<INPUT TYPE=BUTTON VALUE="もとへもどす" onClick="color4()"><BR>
<BR>
<INPUT TYPE=BUTTON VALUE="とじる" onClick="tojiru()"></CENTER><BR>
</FORM>
<!--ここまで-->

function color4(){
        window.opener.document.bgColor="E6ED89";
}
function color5(){
        window.opener.document.bgColor="指定したい色を16進数で";
}
function tojiru(){
  window.close();
}
</script>
<!--スクリプト２はここまで-->

<INPUT TYPE=BUTTON VALUE="もとへもどす" onClick="color4()"><BR>
<INPUT TYPE=BUTTON VALUE="対応するボタン名" onClick="color5()"><BR>
<BR>
<INPUT TYPE=BUTTON VALUE="とじる" onClick="tojiru()"></CENTER><BR>
</FORM>
<!--スクリプト３はここまで-->

□BACK