こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

Jaba Scriptでプルダウンメニューを作成して、項目をクリックすればページが開くホームページを作成中です。
 参考書片手に現在頑張っているところですが!
 以下がその参考書のプログラムです。
------------------------------------------------------ 
<HTML>
<HEAD>
<TITLE>リンク先をプリダウンメニューで表示したい</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function linkMenu(m)
{
if(m==0)return;
document.form01.url.selectedlndex = 0;
if(m == 1)
document.location="http://www.k-support.gr.jp/index.html";
if(m == 2)
document.location="http://www.takasaku.co.jp";
}
//--></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/です。
  宜しくお願いします。

投稿日時 - 2014-09-29 00:33:39

QNo.8772217

困ってます

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

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

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

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

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

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

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

投稿日時 - 2014-09-29 12:20:05

お礼

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

投稿日時 - 2014-09-30 20:48:44

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

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

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

投稿日時 - 2014-09-29 01:02:45

補足

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

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

投稿日時 - 2014-09-29 01:37:38

あなたにオススメの質問