実践！JAVA Script集ナビ・ウインドウ

Studio IchIがオススメする。
実践！JAVA Script集

ナビ・ウインドウ

Linkをクリックすると、ナビゲーションウインドウが開きます。
そのウインドウの中のリンクをクリックすると、
元のウインドウのＵＲＬを変更する事とが出来ます。

<html>
<head>
<title></title>

<!--<HEAD>部に書き込む-->
<script language="javascript"<
<!----------------------------
function navi_win() {
  self.window.name="main"
w = window.open('', 'NAVI', '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 = 'jss.htm';
                       //↑ナビウインドウのURL(フルパス)
  }
}
</script>

</head>

<body>

<a href="javascript:navi_win()">Navigation</a>

</body>
</html>



<!-- NAVI.htm(ナビウインドウのソース) -->

<html>
<head>
<title></title>

<!--<HEAD>部に書き込む-->
<script langugae="javascript">
<!----
function ctrl_wind(url) {
 opener.location.href = url;
   }
//--->
</script>

</head>

<body>


<a href="javascript:ctrl_wind('js01.htm')">
JavaC
</a>


<br>


<a href="javascript:ctrl_wind('js16.htm')">
JavaC Information
</a>


</body>
</html>

Custom Script

・ページがロードされたら自動的にウインドウを開きたい
<BODY>タグにonLoadを付ける。

<BODY onLoad="navi_win()">