• ベストアンサー

ドロップダウンでリンク先に移動するとき

nyan_nyanの回答

  • nyan_nyan
  • ベストアンサー率46% (18/39)
回答No.1

<script language="javascript"> function ShowSelectedContents(Item) { Index = Item.selectedIndex; Value = Item.options[Index].value; if ((Value != "-")) { top.Main.location = Value; //top は　おまじない 　　　　　　　　　　//Mainは　右側のフレームの名前 return true; } return false; } </script> <form target = "Main"> <select name="menu" onchange="ShowSelectedContents(this)"> <option value="-">Information</option> <option value="./doc01.html">01</option> <option value="./doc02.html">02</option> <option value="./doc03.html">03</option> </select> </form> フレームとか使われているとすこし説明が難しくなるのですが、 上のソースをみてお分かりになれば幸いです。

kuroneko912
質問者

お礼

うーん。。。なんとなく解ったような解らないような・・・。 ありがとうございました。

この回答がついた質問に戻る
回答 全件
ベストアンサー
うーん。簡単な方法としては、下記で大丈夫なんじゃないかな。 「mig…
  • noname#45976
    noname#45976
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • ドロップダウンリストのリンク先

    ビルダーを使ってＨＰ作成しています。 リンクのページでドロップダウンリストを使おうと思い、説明書の通りにやったら、一応出来ました。 しかし、そのページはフレームで２つに別れているんです。 Ａのページにドロップダウンリストを置いているのですが、Ｂのページに表示して欲しいんです！ しかしそのやり方が分かりません（××； 設定の仕方など、教えてください！ よろしくお願いします!!

  • HTML ドロップダウンメニュー　教えてください！

    ナビゲーションのドロップダウンメニューを作りたく、 ↓↓このサイトを流用し、こんな感じで、↓↓ http://ezorisu-web.com/web-design/archives/356 試行錯誤しています。 現在作っているサイトが、flashに重なって半透明の透過PNGのナビゲーションがあり、IE6でも半透明に見えるよう、ジャバスクリプトを使用しています。 ここで、ジャバスクリプトを使用しているのが原因かわかりませんが、ジャバスクリプトを使用したドロップダウンメニューをつくろうとするとPNGが半透明じゃなくなってしまいます。 そのため、現在、上のサイトを参考にCSSだけでのドロップダウンメニューを作っているのですが、上のサイトどおり作ると、IE6が、ドロップだうんしません。 何かいい方法はないでしょうか？？ ※↓ジャバスクリプトは↓ここからダウンロードしました。 http://monodez.com/create/pngfix.html

  • ＨＴＭＬ　ドロップダウンメニューのリンク先

    <SCRIPT LANGUAGE="JavaScript"> <!-- function Mylink(sel){ mlink=sel.options[sel.selectedIndex].value; if(mlink!="-"){ location.href=mlink; } } //--> </SCRIPT> <FORM method="post"> <select onChange="Mylink(this)"> <OPTION selected value="-">　　　　　★　メニュー　★</OPTION> <OPTION value="-">------------------------</OPTION> <OPTION value="java_tokei1.html">時計の色と大きさをかえてみよう</OPTION> <OPTION value="java_hizuke.html">今日の日付を表示させよう</OPTION> <OPTION value="java_alert1.html">ボタンでアラートを表示させよう</OPTION> <OPTION value="java_back1.html">ボタンで背景の色をかえてみよう</OPTION> <OPTION value="java_link1.html">ボタンでリンクさせよう</OPTION> <OPTION value="-">------------------------</OPTION> </select> </FORM> 以上のようなドロップダウンメニューを入れたのですが リンク先を別ウインドウで開くことはできるでしょうか？ _blankをどこかにいれられますでしょうか？

  • クリックすると目次をドロップダウン表示

    http://www.kanzaki.com/docs/html/accessible.html このページのように、見出しの右をクリックすると目次をドロップダウン表示させるにはどうすればよいのですか？ CSSなのかJAVAなのかJavaScriptなのか分からなかったので、とりあえずHTMLカテゴリに書きこませていただきました。

  • javascriptだけでドロップダウンリスト

    あるサイトに行ったら、htmlでなく（？）javascriptだけでドロップダウンリストを表示し、リンクさせていました。つまり小さなボタンを押すと、リストが広がって表示されます。これは、ちょっと面倒なテクニックでしょうか？短いスクリプトで使えるなら是非知りたい。長いものならパス・・・。

  • JAVASCRIPT等での　フレーム間の　リンクについて。

    いつも、お世話になっております。 現在、フレームを使ったホームページを作成中です。　左側に目次のようなフレームをつくり、JAVA Scriptを使って、ドロップダウンメニューで、項目を選択が出来る状態にして、選択をした場合、その項目ページを親フレームに表示したいのですが、JAVA　SCRIPTの使い方が　よくわかっていない為、どうしても、左側のページに、リンクさせたいページが　現れてしまいます。 もしも、親フレームに飛ばす事が出来なければ、新しいフレーム、または、ウィンドウ表示を解除してもいいと思っているのですが、どなたか、お分かりになる方、教えて下さい。御願い致します。　 この場合、 <script Language="JavaScript"><!-- function popJump(selOBJ) { n = selOBJ.selectedIndex; location.href = selOBJ.options[n].value; }<target=_blank> // --></script> </head> <body bgcolor=aquamarine> <form> <select onChange="popJump(this)"> <option value="飛びたい項目のページ.html"> …… どこに、target="_parent"を挿入すれば　宜しいのでしょうか。 いろいろと試したのですが、間違っていますと言う風に　デバッグ表示がでてきます。 ちなみに、HTMLを使っている所は、ちゃんと、親フレームに飛んでくれている状態です。 もしも、JAVA　SCRIPTを使わないで、ドロップダウンで、項目を５つほど選べる状態にできるならば、他の言語でも、ＯＫですので、宜しく御願い致します。

  • タブレットのドロップダウンメニューについて

    会社のWebの管理をしていますが、５年前に作ったサイトはJavaScriptを使ってドロップダウンにしました。 しかしタブレットではドロップダウンメニューが開かずページの遷移ができません。 メニューを修正してタブレットやスマホでもリンク先のページに遷移させるのにはどうしたら良いか教えて下さい。 商品のところはドロップダウンで20個程表示されます。 Webについてはほぼ素人でHTMLとCSSは独学で勉強し、JavaScriptは本やサイトのサンプルデータを使わせていただいていて、内容についてはあまり理解していません。 タブレットやスマホではそもそもドロップダウンメニューが使えないようなのですが。 サイトで検索しましたが、今一参考にできそうなサイトにたどりつけませんでした。 アドバイスよろしくお願いします。

  • ドロップダウンメニューのプログラムを教えて・・・

    今非常に困っています・・・。 プログラムのどの本を見てもドロップダウンメニューのプログラムが無いし、インターネットで検索してソースコードを貼ってみても、全然動きのあるドロップダウンメニューにならずに、単なる縦列横列のリンクになってしまい、ドロップダウンメニューを作れません。 今現在JavaScriptでドロップダウンメニューの着いた自分用のＨＰを作りたいと強く思っているのですが、下のようなプログラムの中にドロップダウンメニューを入れるためには、どのように入力したら良いのかご教授願えないでしょうか？。 非常に身勝手な質問とは承知しているのですが、画像のイメージは添付ファイルの通りで、縦と横にそれぞれメニューが出てくるようにしたいです・・・。 ご回答をお待ちしております。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <title></title> <script language="JavaScript"> </script> <body> <form name=""> </form> </body>

  • フレームを跨ぐドロップダウンメニューの方法

    フレームを跨いでドロップダウンメニューを表示するにはどうすればよいのでしょうか。 フレームで上下に分割し、上のフレームにjqueryを利用したドロップダウンメニューを使いたいのですが、下のフレームに差し掛かると切れてしまいます。ドロップダウンメニューは以下のものです。 http://onehackoranother.com/projects/jquery/droppy/ フレーム自体が既に主流ではないのは承知なのですが、使わざるを得ない事情がありまして・・・。 色々検索しても出てこず、大変困っております。 ｚ-indexを指定したりしてみましたが解決しませんでした。 どなたかお教えいただけますと幸いです。

  • ドロップダウンメニュー。

    個人でＨＰを運営しているのですが、 この度、フレーム機能とドロップダウンメニューを使用してページを製作しました。 ところが、メニューから項目を選んでクリックしてちゃんと表示されるのですが、クリックしても何も表示されない部分（メニューの中の最初の表示部分や、ｈｔｍなど設定されていない部分）も何故か、何にもない真っ白なページが表示されてしまいます。 ドロップダウンメニューのソースはサンプルから頂いてきて、自分なりに何とか形になったのですが、上記のトラブルを解消するほどの知識がありません。 何卒、ご教授お願いいたします。 http://www003.upp.so-net.ne.jp/tochio-cinema/cinema_review.htm の右上にあるドロップダウンメニューです。 メニューの中の　ＬＡＳＴ　ＵＰＤＡＴＥと、その下の6/26をクリックすると、下のフレームが真っ白になってしまいます。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する
質問する