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

JavaScript集
Return to INDEX

MAIL
ichi@s-ichi.com

HOME
to StudioIchI

ナビ・ウインドウ

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

この文章をクリックするとナビ・ウインドウが開きます。

    <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()">