Remote Controller

Description:

リンクをクリックすると、新しいウインドウが開きます。 そのウインドウの中でリンクをクリックすると、 元のウインドウ(親ウインドウ)のURLを変更する遠隔操作が行えます。

Demo:

リモコンを開く

Source:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>

<script Langugae="JavaScript">
<!--
function remoconLink(url) {
 opener.location.href = url;
}
//-->
</script>

</head>

<body>

<!-- ハイパーリンクには、 href="javascript:remoconLink()" を使用する。 -->
<a href="javascript:remoconLink('http://www.yahoo.co.jp')">Yahoo</a>
/ <a href="javascript:remoconLink('http://www.goo.ne.jp')">Goo</a>
/ <a href="javascript:remoconLink('http://www.excite.co.jp')">Excite</a>


</body>
</html>

Advice:

上のソースは開いた先(つまりリモコン側)のウインドウのソースです。 ウインドウを開くためのソースは以下のようになります。

<script language="JavaScript" type="text/javascript">
<!--

function remocon() {
  self.window.name="main"
  w = window.open('', 'Remocon', 'width=380,height=200,status=yes,scrollbars=yes,directories=no,menubar=no,resizable=yes,toolbar=no');
  if (w != null) {
    if (w.opener == null) {
      w.opener = self;
    }
    w.location.href = 'http://www2f.biglobe.ne.jp/~takan/javac/n2/remocon_demo.htm';
    //↑リモコンのURL
  }
}

//-->
</script>

このソースを、リモコンを開く方のHTMLに貼り付けてください。 なおページロード時に自動的に開きたい場合は、

<body onload="remocon()">

とし、リンクのクリックによって開きたい場合は、

<a href="javascript:remocon()">リモコン</a>

のようにします。

Arrangement:

Browser:

Internet Explorer3.0以上
Netscape Navigator2.0以上