疑問

オプションメニューリンクを新しいウィンドウで開く

処理

挿入-フォームと入力部品-オプションメニュー

オプションメニューを挿入した時点で属性ダイアログが開きます。

既に挿入されているオプションメニューに対しては属性変更ボタンがSELECTである事を確認し編集-属性変更か

属性変更ボタン-SELECTの属性でオプションメニュータブ

「項目」に表示したい文字を「値」にリンク先のパスを記述し登録をクリック

オプションメニューの属性

編集する画面をHTMLソースに切り替えて<select>要素に以下の一文を直接追記してください。

onChange="showpage(this.selectedIndex)"

追加前のソース

<form><select>
 <option>リンク先を選択</option>
 <option>リンク1</option>
 <option>リンク2</option>
 <option>リンク3</option>
</select></form>

追加後のソース

<form><select onChange="showpage(this.selectedIndex)">
 <option>リンク先を選択</option>
 <option>リンク1</option>
 <option>リンク2</option>
 <option>リンク3</option>
</select></form>

次に<heaf></head>間に以下のコードを追記してください。

<script language="JavaScript">
<!--
function showpage(index){
  if (index != '0')
     newWin=window.open("","new","width=***,height=***");
     if (index == '1')
        newWin.location="http://www.***.net/";
     if (index == '2')
        newWin.location="http://www.***.com/";
     if (index == '3')
        newWin.location="http://www.***.info/";
}
//-->
</script>

widthは新しいウィンドウの幅、heightは高さを示しています。

上記のスクリプトコードはホームページビルダーに実装されているJavaスクリプトのSCRIPT_CODE_40をベースにできます。

スクリプト

<head></head>間

<script language="JavaScript">
<!--
function showpage(index){
  if (index != '0')
     newWin=window.open("","new","width=***,height=***");
     if (index == '1')
        newWin.location="http://www.***.net/";
     if (index == '2')
        newWin.location="http://www.***.com/";
     if (index == '3')
        newWin.location="http://www.***.info/";
}
//-->
</script>

要素・属性

リンクの部分

<form><select onChange="showpage(this.selectedIndex)">
 <option>リンク先を選択</option>
 <option>***.netへのリンク</option>
 <option>***.comへのリンク</option>
 <option>***.infoへのリンク</option>
</select></form>

補足

リンク先を増やしたい場合は

if (index == '4')
        newWin.location="http://www.***.jp/";

と

<option>***.jpへのリンク</option>

の様に追記してください。

サンプル

関連ページ

オプションメニュー（プルダウンメニュー）でリンクを指定する

リンクを小窓で開く