プルダウメニューの項目をクリックして！ページを開く

解決済

質問者：Campus2
質問日時：2014/09/29 00:33
回答数：2件

Jaba Scriptでプルダウンメニューを作成して、項目をクリックすればページが開くホームページを作成中です。
　参考書片手に現在頑張っているところですが！
　以下がその参考書のプログラムです。
------------------------------------------------------　
<HTML>
<HEAD>
<TITLE>リンク先をプリダウンメニューで表示したい</TITLE>
<SCRIPT LANGUAGE="JavaScript">
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="form01">
<SELECT NAME="url" onChange="linkMenu(this.selectedlndex)">
<OPTION>クリックして選択してね
<OPTION>e-support
<OPTION>Office TAKASAKU
</SELECT>
</FORM>
</BODY>
</HTML>
-----------------------------------------------------------
　以上のプログラムの11行目の
　http://www.k-support.gr.jp/index.html
　　HPファイルの”トップページ”アドレスだと思います。
　それでは13行目の
　http://www.takasaku.co.jp
　のアドレスはいったい何のアドレスでしょうか！
　　プルダウンメニューは簡単にできますが
　プルダウンメニューから
　「項目を選択」→「クリック」・すればそのページが開く
といったようなごく普通のHPを開く場合の流れですが、ページへリンクさせるには以上プログラムで
　本当にできるのでしょうか！？
　
　たとえば！以上のプログラムの中の
<OPTION>e-supportでe-supportを
　　クリックすれば
　　　http://homepage3.nifty.com/mtaiyo/9%E2%96%B3ABC. …
　のアドレスへのページが出てくるようにしたいのですがどうしたら出来るのでしょうか！？
ちなみに　トップページのアドレスは
　http://homepage3.nifty.com/mtaiyo/です。
　　宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： Taiyonoshizuku
回答日時：2014/09/29 12:20

トップページのアドレスがどうのこうのっていうか

onChange="linkMenu(this.selectedIndex);"
でコンボ変更時に
選択されたオプションのインデックスを引数にlinkMenuを呼び出す。

linkMenuはそのインデックスを受け取って動作する。

if ( m == 0 )は０のとき、すなわち一番上の「クリックして選択してね」
が選択されたらなにもせず終了

if ( m == 1)は１のとき、すなわちe-supportが選択された時
そしたら
http://www.k-support.gr.jp/index.html%22
がリンク先となる。

だからこの部分を
http://homepage3.nifty.com/mtaiyo/9%E2%96%B3ABC. …
にすりゃいい

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。
　助かります。

通報する

お礼日時：2014/09/30 20:48

No.1

回答者： hitomura
回答日時：2014/09/29 01:02

・

http://www.k-support.gr.jp/index.html
　二番目の option を選択した場合のページ遷移先
・http://www.takasaku.co.jp
　三番目の option を選択した場合のページ遷移先
ちなみに一番目を選択した場合は何もしない

なお、プルダウンする動作はこのコードには出てきていません。
多分 CSS で実装……できます、よね? ＞ CSS に詳しい諸兄

この回答への補足

　レスありがとうございました。

「プルダウンする動作はこのコードには出てきていません。」
　　そうですか！CSSですか！

今度はHTMLの参考書に書かれていたプルダウンのプログラムは以下ですが！？
　ページを開くためには以下のプログラムでけではむりなのでしょうか！

　どこかを手直しすれば出来ようなそんな簡単なことなのでしょうか
　
　<HTML>
<HEAD>
<THTL>プルダウンメニュー</TITLE>
</HEAD>
<BODY>
<SELECT name="from" size="4">
<OPTION value="yahoo">Yahoo!JAPAN</OPTION>
<OPTION value="engine"selected>Yahoo!以外の検索サイト
</OPTION>
<OPTION value="link">リンクをたどって</OPTION>
<OPTION value="other">その他</OPTION>
</SELECT>
</BODY>
</HTML>

以上のプログラムのプルダウンメニューですが！
Yahoo!JAPAN の項目をクリックしても
以上プログラムだとyahooの現在の
http://www.yahoo.co.jp/
のトップページへを開くことができません！
どうしたらできるようになりますか！
宜しくお願いします。
　