ドロップダウンメニュー+新しいウィンドウ

前へ 次へ
このQ&Aのポイント
  • ホームページのドロップダウンメニューを選ぶと新しいウィンドウで表示される方法について
  • 現在のホームページでは、ドロップダウンメニューを選ぶと大きいフレームに表示されるが、新しいウィンドウで表示する方法に変更したい
  • センセーショナルなタイトルが付けられるようになったドロップダウンメニューの新しい表示方法について
回答を見る
  • ベストアンサー

ドロップダウンメニュー+新しいウィンドウ

僕のホームページは、2つのフレームに分かれていて、小さいフレームのドロップダウンメニューを選ぶと大きいフレームに表示されているようにしています。これを、小さいフレームのドロップダウンメニューを選ぶと新しいウィンドウで表示されるように変えたいのですが、どのようにすれば良いでしょうか。現在は、以下のようになっています。 <select name="select" size="1" onchange="parent.news.location.href = options[selectedIndex].value"> <option selected value="http://www.okweb.ne.jp/">OKWeb</option>

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
noname#199778
noname#199778
回答No.1

これはJavaScriptを使ったソースになりますね。 onChangeの中の文を、 window.open(options[selectedIndex].value) にしてみてはいかがでしょう。 JavaScriptについて調べてみると、こういった動作の細かいところも解りやすくなると思いますので、暇な時にでもJavaScript関連のサイトや書籍を見てみるのも良いと思いますよ。

ykazuo
質問者

お礼

早速のご回答ありがとうございました。 うまくいきました。(^^) JavaScriptでしたか。今度時間のある時に勉強したいと思います。 本当にありがとうございました。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • プルダウンメニューの選択時のリンク先について

    「プルダウンメニューから選択すると、別ページにリンク」するページを 作成したいです。 以下の様に途中まではできたのですが、 「フレームを使わず、同じウインドウの別の箇所にリンク先を表示 　※プルダウンメニューはそのまま表示」 がどうしてもできません。xmlで作成している関係上、phpも使えません。 何か方法はありませんでしょうか。 <SCRIPT LANGUAGE="JavaScript"> <!-- function menuLink(linkLoc) { if(linkLoc !="") {window.aaa.location.href=linkLoc;} } //--> </SCRIPT> <form> <SELECT onChange="menuLink(this.options[this.selectedIndex].value)"> <OPTION SELECTED>Select</OPTION> <OPTION value="">××</OPTION> <OPTION value="">●●</OPTION> </SELECT> </form>

  • フレーム

    <select onchange="location.href=this.options[this.selectedIndex].value"> <option value=""> <option value="http～">A <option value="http～">B <option value="http～">C </select> のスクロールでリンクしているページを、違うフレーム（Dとする）に表示させたいのですが、 <select onchange="location.href=this.options[this.selectedIndex].value"> <option value=""> <option value="http～"target="D">A <option value="http～"target="D">B <option value="http～"target="D">C </select> としても、現在のフレーム内にしか表示されません。 どうやればDに表示できますか？説明が下手ですいません。

  • HTML教えて下さい！！！！

    セレクトメニューで別ウィンドウを開きたいのですが出来ません。 教えてください！！よろしくおねがいします。 <tr> <td> <select size="1" onchange="location.href = this.options[selectedIndex].value"> <option value="../○○○/○○○/index.html" selected>●●●●●</option> <option value="../○○○/○○○/index.html" >●●●●●</option> <option value="../○○○/○○○/index.html">●●●●●A</option> </select> </form></td> </tr> で、ブランクを入れてみたのですが、、、 <tr> <td> <select size="1" onchange="location.href = this.options[selectedIndex].value"> <option value="../○○○/○○○/index.html" target="_blank" selected>●●●●●</option> <option value="../○○○/○○○/index.html" target="_blank">●●●●●</option> <option value="../○○○/○○○/index.html" target="_blank">●●●●●</option> </select> </form></td> </tr> 、、、、ダメでした。間違っているんですよね。。。 よろしくお願いします。

  • Pull Down Menuについて

    Pull Down Menuで 別のフレ－ムにリンクする方法 ↓ <FORM> <SELECT onChange="parent.フレーム名.location.href=this.options[this.selectedIndex].value"> <OPTION VALUE="#">リンク先を選んでね　　　 <OPTION VALUE="URL１">Link１ <OPTION VALUE="URL２">Link２ <OPTION VALUE="URL３">Link３ <OPTION VALUE="URL４">Link４ <OPTION VALUE="URL５">Link５ </SELECT> </FORM> をしました。 ところが、別フレームにリンクできる事はできたのですが 一番上の「リンク先を選んでね」って所でも別フレームに リンクされてしまいます。 原因がわかる方がいたら教えて下さい。

    • ベストアンサー
    • HTML
  • javaとフレーム

    同じ様な質問が以前あったのですが、その方法でも 構文が少し異なるようで、イマイチ判らず、 試したものの出来なかったので 改めて質問させて頂きます。 左にメニューを右にそのリンク先を表示させる場合、 <!-- function JumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } //--> </SCRIPT> </HEAD> <BODY> <FORM name="○○"> <SELECT name="menu1" onchange="JumpMenu('parent',this,0)"> <option selected>○○</option> <option value="page1.html">○○</option> 私がもらってきたサンプルではこういった 構文になってるのですが、どこに何を入れれば 良いのでしょうか？ お願いします。

  • 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を使わないで、ドロップダウンで、項目を５つほど選べる状態にできるならば、他の言語でも、ＯＫですので、宜しく御願い致します。

  • セレクトメニューでリンクの際、targetの指定の方法

    2つのフレーム（上下）で分けたページで、上(top)・下（bottom）というフレーム名にしています。 上（top）にセレクトメニューを設置しリンクをはって、下（bottom）にhtmlを表示したいのですが、target="bottom"というのは、どこに入れたらいいのか。。。いろいろやってみたのですが、全く分かりません。 お分かりになる方、どうぞ教えて下さい。よろしくお願いいたします。 <SCRIPT type="text/JavaScript"> <!-- function moveUrl(selection){ var url=selection[selection.selectedIndex].value; if(url!=""){ location.href=url; } } //--> </SCRIPT> <FORM><SELECT onChange="moveUrl(this)"> <OPTION value="" selected">メニュー選択 </OPTION> <OPTION value="main1.html">概要 </OPTION> <OPTION value="main2.html">仕組み </OPTION>

  • <FORM>タグを使ったドロップダウンメニュー

    以下のようなソースでドロップダウンメニューを作りました。 ---------------------------------------------------- <FORM> <SELECT NAME=list onchange=top.location.href=this.form.list.options[this.form.list.selectedIndex].value> <OPTION VALUE="index.htm">トップ <OPTION VALUE="new.htm">What's New! </SELECT> </FORM> ------------------------------------------------------ この時、「トップ」や「What's New！」などのボックス内に表示される文字の フォントサイズを大きくしたいのですが、何かよい方法はありませんでしょうか？？ できればIEとNNどちらのブラウザからでも見れるようにもしたいです。 よろしくお願いします。

  • ドロップダウンからアンカー先へジャンプ

    いろいろ調べたのですが上記方法がわかりません。 現在のところこんな感じやっています。 <form onChange="parent.main.location.href = this.options[this.selectedIndex].value"> <p><select size="1" name="D1"> <option selected>現在高校生</option> <option VALUE="#chugak">現在中学生</option> <option VALUE="#chujuk">現在中学受験志望</option> <option VALUE="#shogak">現在小学生</option> </select>まずこちらより該当学年をお選びください</p> </form> ・ ・ <a name="chugak">現在中学生</a> フレームがありましてフレームのmainページ内の移動を目指しています。上記方法ではなにもおこりません。アンカー（ブックマーク）に移動させるにはどうしたらよいのでしょうか？ どこがおかしいのかご教授ください。よろしくお願いします。

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

    <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をどこかにいれられますでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する