[ JavaScript ] プルダウンで別フレームのページを切り替えるサンプル

プルダウンメニューで別フレームのページを切り替える JavaScript のサンプルです。

サンプルコード

index.html

<HTML>
<HEAD>
<TITLE>Sample a</TITLE>
</HEAD>
<FRAMESET ROWS="45,1*" FRAMEBORDER=YES marginwidth=0 marginheight=0>
<NOFRAMES>
    <BODY BGCOLOR="#FFFFFF">
    <P>
    </BODY>
    </NOFRAMES>
    <FRAME SRC="head.html" NAME=head NORESIZE SCROLLING=no MARGINWIDTH=0 MARGINHEIGHT=0>
    <FRAME SRC="main.html" NAME=main NORESIZE MARGINWIDTH=0 MARGINHEIGHT=0>
</FRAMESET>
</HTML>

head.html

<html>
<head>
<title>menu</title>
<SCRIPT LANGUAGE="JavaScript">
    <!--
    function LinkSelect(form, sel)
    {
        adrs = sel.options[sel.selectedIndex].value;
        if (adrs != "-" ) parent.main.location.href = adrs;
    }
    // -->
</SCRIPT>
</head>
<FORM NAME="" METHOD=POST>
    <SELECT NAME=selLink onchange="LinkSelect(this.form, this)">
        <option value="-">Select One
        <option value="a.html">file a
        <option value="b.html">file b
        <option value="c.html">file c
    </select>
</form>
</body>
</html>

main.html

<HTML>
<HEAD>
</HEAD>
<body bgcolor="#ffffff" text="#333333">
<P>MAIN</P>
</BODY>
</HTML>

実際に動作するサンプル

動作確認

  • OK – Mac Safari 2.0
  • OK – Mac Firefox 2.0

コメントを残す

メールアドレスが公開されることはありません。