プルダウン(オプション)メニューでリンク【ビルダー11・ビルダー10】

ビルダー11では、素材の中にあるサンプルスクリプトの中に準備されています。このサンプルスクリプトを利用して設置する方法をご紹介します。

1. [ページ編集]画面で、プルダウン(オプション)メニューを挿入する箇所をクリックします。
2. 次に、画面右端にある「パレット」の中から[素材]タブをクリックします。<図1>
3. [素材]タブが開いたら、上部にある[スクリプト]をクリックします。
4. すると、下部に様々な[スクリプト]が表示されるので、その中から[m_selectbox.js]を選択して[挿入]ボタンをクリックします。
5. [ページ編集]画面上には、黄色い{S}のマークのみ表示されますが、[プレビュー]画面で確認するとプルダウン(オプション)メニューが確認できます。
6. このままでは、リンク先がIBMになっているのでリンク先の変更を行います。
7. ページ編集画面にある黄色い{S}のマークを右クリックし、表示された画面から属性の変更を選択します。
8. すると、[スクリプト]の画面が開きます。その画面内に
   document.write('<OPTION VALUE="http://www-6.ibm.com/jp/software/internet/hpb/">リンク1');
   という箇所があるので、「http://www-6.ibm.com/jp/software/internet/hpb/」の個所をリンクしたいURLへ変更し、「リンク1」の個所を表示する文字へと書き換えます。
9. 「リンク2」や「リンク3」についても同じ作業を行います。
10. リンク先を増やしたい場合は、
    document.write('<OPTION VALUE="http://www-6.ibm.com/jp/software/internet/hpb/">リンク1');
    の行を追加していきます。

こんな感じに変更します↓

document.write('<OPTION VALUE="http://www.wsb.jp/hpb/">HPB作成報告');
document.write('<OPTION VALUE="http://www.wsb.jp/hpb/kihon/top.htm">基本編');
document.write('<OPTION VALUE="http://www.wsb.jp/hpb/upsite/index.html">スタイルシート');
document.write('<OPTION VALUE="http://www.wsb.jp/hpb/art/top.htm">ウェブアートデザイナー');

プルダウンメニューでリンク（設置済みサンプル）

設置済みサンプルは別ウィンドウで開きます
プルダウンメニューでリンク（設置済みサンプル）

▼設置済みサンプルを利用しない場合　
参考・・HTMLソースの挿入

1. 下のソースをコピーし、HEAD内へ貼り付けてください。
   <!--ここから-->
<SCRIPT language="JavaScript">
<!--- 非表示
function quicklink(w){
if(w == "") return;
document.quick.url.selectedIndex = 0;
location.href = w;
}
//end --->
</SCRIPT>
<!--ここまで-->
2. 次に下のソースをコピーし、BODY内に貼り付けてください。
   <!--ここから-->
<FORM name="quick" action="./"><SELECT name="url" onchange="quicklink(this.form.url.options[this.form.url.selectedIndex].value)">
<OPTION selected>■ Link ■ </OPTION>
<OPTION value="s_map.htm">リンク１</OPTION>
<OPTION value="link.htm">リンク２</OPTION>
<OPTION value="index.html">リンク３</OPTION>
<OPTION value="mail.htm">リンク４</OPTION>
</SELECT></FORM>
<!--ここまで-->
3. 使い方は、設置済みサンプルをご覧ください。

ご紹介しているJavaScriptは「ＪａｖａＮａｖｉ　Ｗｅｂ」様のサイトより転載させていただいています。
フリーで紹介しているスクリプトを具体的に設定し、サンプルページとして紹介しているだけですので
JavaScriptの内容についてのご質問についてはお答えできません。