JavaScriptでプルダウンメニューを作成して、項目をクリックすればページが開くホームページを作成中！

2014/09/29 00:33

このQ&Aのポイント

JavaScriptを使用してプルダウンメニューを作成し、項目をクリックすると指定したページが開くホームページを作成中です。
参考書を片手に、現在努力しています。
具体的なプログラムの例として、プルダウンメニューから「項目を選択」→「クリック」することで対応するページにリンクする方法を説明しています。

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

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.JPG 　のアドレスへのページが出てくるようにしたいのですがどうしたら出来るのでしょうか！？ちなみに　トップページのアドレスは　http://homepage3.nifty.com/mtaiyo/です。　　宜しくお願いします。

Campus2
お礼率47% (226/475)

JavaScript
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

Taiyonoshizuku
ベストアンサー率37% (183/489)

2014/09/29 12:20 回答No.2

トップページのアドレスがどうのこうのっていうか 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.JPG にすりゃいい

質問者

お礼 2014/09/30 20:48

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

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

hitomura
ベストアンサー率48% (325/664)

2014/09/29 01:02 回答No.1

・http://www.k-support.gr.jp/index.html 　二番目の option を選択した場合のページ遷移先・http://www.takasaku.co.jp 　三番目の option を選択した場合のページ遷移先ちなみに一番目を選択した場合は何もしないなお、プルダウンする動作はこのコードには出てきていません。多分 CSS で実装……できます、よね? ＞ CSS に詳しい諸兄

質問者

補足 2014/09/29 01:37

　レスありがとうございました。「プルダウンする動作はこのコードには出てきていません。」　　そうですか！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/ のトップページへを開くことができません！どうしたらできるようになりますか！宜しくお願いします。　

ログインすると、全ての回答が全文表示されます。