プルダウン型のリンク(フレーム版)

戻る♪

作成日:2000/06/21

 フレームで、選択ボックスを使ったプルダウンメニューのリンクです。
選択し次第、別フレームにリンク先のページを表示させます。

■ソース

HEAD内のソース
<SCRIPT Language="JavaScript">
<!--
function Frame_Link(parts)
{
if (parts.options[parts.selectedIndex].value!="")
parent.フレーム名.location=parts.options[parts.selectedIndex].value;
}
//-->
</SCRIPT>
BODY内のソース
<SELECT NAME=FLMENU SIZE=1 onCHANGE="Frame_Link(this)">
<OPTION VALUE=>--------デフォルトで表示させておく文字--------
<OPTION VALUE="URL">タイトル
<OPTION VALUE="URL">タイトル
<OPTION VALUE="URL">タイトル
</SELECT>
補足
フレーム名=フレーム部分のHTMLのNAMEで定義した名前。
(例 <FRAME SRC="index.html" NAME="NAKAMI">)
FLMENU=メニューの名前。変更可能。
デフォルトで表示させておく文字=この行はなくても良いです。
URL=リンク先のURL
タイトル=表示させる文字

■例

 次のように表示される。
※実際には、枠は表示されません。


■注意


■後書き

 本館の方で使おうと思ったものの、この手のサンプルは、その手のWebページや本を見れば載っているんだけども、 フレーム対応な上に、URLとタイトルが同じ行に書いてあるのが見つかりませんでした。
(「フレーム対応だがURLはHEADに、タイトルはBODYに書いてある」「同行だけどフレーム未対応」というのはあった)
 それだと作成・更新が煩わしそうなので、同じ行にあった方が管理が楽だろうと思い自作しました。
 しかし、JavaScriptの知識が殆ど無いため、色々と試して四苦八苦し、色んなページや本を見て勉強し、何週間もかけてかなり苦労して作ったものの、自分があんまりフレーム版を使わないため(掲示板が化けるから(笑))、殆ど放置というより忘れ去られていると言う、「あの苦労はなんだったの?」というスクリプトです(笑)。