[MyTools.NET / JavaScript / Remote Controller]

■ Remote Controller ■
〜 小型のリモコンを作る 〜
　新しいウィンドウを開いて、そこから元ウィンドウの表示をコントロールする仕組みです。ページのリモコンの様に使うことができます。
　試しに下のボタンをクリックしてみてください。新しい小型のウィンドウが開いて、その中にあるリンクをクリックすると元のウィンドウにそのリンク先の内容が表示されます。

■ ソース

<SCRIPT LANGUAGE="JavaScript">
<!--
function indexTo(url) {
  opener.location.href = url;
}
// -->
</SCRIPT>

■ 方法

　ここでは例として、target.html というHTMLから小さなウィンドウを作り、その中に remocon.html を呼出して、そこから元のウィンドウの表示をコントロールする場合を考える。
  1. 上のソースを、新しく開くウィンドウに表示させるHTML (remocon.html) の<HEAD>〜</HEAD>タグの間にコピーする。

  2. 新しく開くウィンドウに表示させるHTML (remocon.html) の、リンクを張りたいところを以下の様に編集する。

    <a href="JavaScript:indexTo('URL')">String</a>

    ※ 必ず http://〜 から始まる完全なURLで書いてください。

  3. 元のHTML (target.html) から、小さいウィンドウを作って、その中に remocon.html が呼出されるようにする。

    (小さなウィンドウ内に任意のHTMLを呼出す方法は Small Window で説明しています。)

　このページの一番上にある例の、呼出される側のソースを見て参考にしてください。(ココをクリックして、ソースを覗いてみてください。)

[MyTools.NET / JavaScript / Remote Controller]