セレクトメニューでジャンプしたページを新しいWindowで表示したい
- リンク先をセレクトメニューで選んでもらって、新しいウィンドウでページを表示する方法について紹介します。
- セレクトメニューで選択したページを、現在のウィンドウとは別の新しいウィンドウで表示する方法について解説します。
- セレクトメニューを使用して選択したページを、別のウィンドウで開く方法についてご紹介します。
- ベストアンサー
セレクトメニューでジャンプしたページを新しいWindowで表示したい
リンク先をセレクトメニューで選んでもらって、そのページ内に開く方法は色々なJavaScriptを紹介しているページで見せていただいたのですが、同じWindowではなく、新しいWindowを開いてそこに表示したいのです。 下記は同じWindow内に開いてしまいますが、現在はこのようなカンジで使用しています。 <form> <select onChange="location=this.options[this.selectedIndex].value"> <option value="">選択して下さい <option value="test1.html">TEST-1 <option value="test2.html">TEST-2 <option value="test3.html">TEST-3 </select> </form> 宜しくお願いしますm(_ _)m
- kaduki
- お礼率39% (29/73)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こうしてみたら？ <select onChange="window.open(this.options[this.selectedIndex].value)">
関連するQ&A
- ジャンプメニューをblankで開きたい
いつもお世話になっております。 Dreamweaver8でホームページを作っております。 JavaScriptは初心者です。 ジャンプメニューを作り、メニューを別ウィンドウで開きたいと思いますがどうしたら良いのかわかりません。 いろいろと検索をして、以下を試作してみたのですが、別ウィンドウで開いたものの「選択してください」も同じようにリンク先がないにも関わらず別ウィンドウで開いてしまいました。 なんとかご教示願えませんでしょうか。 よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <script type="text/JavaScript"> <!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } //--> </script> </head> <body> <form name="form1"> <select name="select1" onChange="window.open(this.options[this.selectedIndex].value)"> <option selected>選択してください</option> <option value="aaa.html">aaa</option> <option value="bbb.html">bbb</option> <option value="ccc.html">ccc</option> </select> </form> </body> </html>
- ベストアンサー
- JavaScript
- セレクトメニューで
セレクトメニューで フレームを使った、複数のセレクトメニューで 今の状態だと、上のセレクトメニューは問題ないのですが 下のセレクトメニューで選択すると、上のセレクトメニューの「更新」になるだけに なってしまいます。 要所の所だけ、記載しますので間違ってるところを教えてください。 <script type="text/javascript"> <!-- // 設定開始 var target = "right"; // 設定終了 function jump(){ var url = document.form1.select1.options[document.form1.select1.selectedIndex].value; if(url != "" ){ if(target == 'top'){ top.location.href = url; } else if(target == 'blank'){ window.open(url, 'window_name'); } else if(target != ""){ eval('parent.' + target + '.location.href = url'); } else{ location.href = url; } } } // --> </script> </head> <body> <TABLE border="0"> <TBODY> <TR> <TD><form action="#" name="form1"> <select name="select1" onChange="jump()"> <OPTION> メニュー</OPTION> </select> </form></TD> </TR> <TR> <TD><form action="#" name="form2"> <select name="select2" onChange="jump()"> <OPTION> メニュー</OPTION> </select> </form></TD>
- 締切済み
- JavaScript
- プルダウンメニューの選択時のリンク先について
「プルダウンメニューから選択すると、別ページにリンク」するページを 作成したいです。 以下の様に途中まではできたのですが、 「フレームを使わず、同じウインドウの別の箇所にリンク先を表示 ※プルダウンメニューはそのまま表示」 がどうしてもできません。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 name="menu" size="1" onchange="location=this.options[this.selectedIndex].value"> と書いていて、同じページ内で別ページに移動します。 またプルダウンメニューからのリンクで、ページサイズを指定したり、スクロールバー、ツールバーの表示も指定したいのですが出来るのでしょうか？ ご存知なかたはよろしくお願いします。
- ベストアンサー
- JavaScript
- ジャンプメニューの表示を初期値に戻したい
左フレーム（frame name="menu"）にジャンプメニューを５個つけて、右フレーム（frame name="main"）にジャンプ先が表示されるページで、 ジャンプしてもフレームセットは解除せずに target="main"で表示させます。 ジャンプ後にジャンプメニューの表示を初期値（<option selected>の部分）に戻したいのですがどう記述すればいいですか？ 現在のスクリプトは以下の通りです。以下のものに付け足す形で記述したいです。 ●スクリプト部分 function go (_url) { if (_url == "--") { return; } else { form1.target="main"; form1.action = _url; form1.submit(); } } <select onChange="go(this.options[this.selectedIndex].value)"> ●フォーム部分 <select onChange="go(this.options[this.selectedIndex].value)" name="select1"> <option value="--" selected>Select Menu</option> <option value="sample1.htm">サンプル１</option> <option value="sample2.htm">サンプル２</option> </select> 以上です。
- ベストアンサー
- JavaScript
- セレクトメニューから該当するページを表示
下記コードを作成しました。 セレクトメニューを選択したら該当するページを表示させるプログラムです。 <select name="cmbSel" onChange="PageJump()"> <option>トップページ1</option> <option>トップページ2</option> 上記だけでリンクページへ飛ぶような事はできないのでしょうか？ どなたかご存知の方いましたらご教授頂けると幸いです。 宜しくお願い致します。 ///////////////////////////////////////////////////////////////// </select> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> </HEAD> <script language="JavaScript" type="text/javascript"> <!-- function PageJump() { var sts; sts = document.frmMain.cmbSel.selectedIndex; switch (sts) { case 0: location.href="http://www.yahoo.co.jp/"; case 1: location.href="http://weather.yahoo.co.jp/weather/"; } } // --> </script> <form name="frmMain"> <select name="cmbSel" onChange="PageJump()"> <option>トップページ1</option> <option>トップページ2</option> </select> </form> </HTML>
- ベストアンサー
- JavaScript
- セレクトボックスから別窓にジャンプするには
ここまで↓はたどりつけたのですが、 <select onchange="location.href=this.options[this.selectedIndex].value"> <option value="#">検索サイトにジャンプ <option value="http://www.yahoo.co.jp/">Yahoo <option value="http://www.google.co.jp/">Google <option value="http://www.infoseek.co.jp/">Infoseek </select> 選ぶと別窓（新しいページ）にジャンプするようにするには どこに_blank（？）を入れればいいのでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- セレクトメニューでリンクの際、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>
- ベストアンサー
- JavaScript
- 複数プルダウンでメニューを初期表示に戻したい
No.157334でleaz024さんに「複数プルダウンメニュー」について教えてもらったものですが、ひとつ、追加したいことがあるので教えてください。 教えていただいたスクリプトは <script language="javascript"> <!-- function A_Li() { Sel=document.Link1.OP.selectedIndex; Ms=document.Link1.OP.options[Sel].value; parent.main.location.href=Ms;} function B_Li() { Sel=document.Link1.OP2.selectedIndex; Ms=document.Link1.OP2.options[Sel].value; parent.main.location.href=Ms;} // --> </script> <FORM name="Link1"> <SELECT name="OP" onChange="A_Li()" size="1"> <OPTION Value="main.htm" SELECTED>ページを選んでください <option value="main.htm">ぺージ1</option> <OPTION Value="abc.htm">ページ2 <OPTION Value="def.htm">ページ3 </SELECT> <SELECT name="OP2" onChange="B_Li()" size="1"> <OPTION Value="aaa.htm" SELECTED>ページを選んでください <option value="bbb.htm">ぺージ1</option> <OPTION Value="ccc.htm">ページ2 <OPTION Value="ddd.htm">ページ3 </SELECT> です。 例えば OP2のメニューをクリックしたあと OP3のメニューをクリックしたときにOP2のメニューが初期の 表示メニューに戻したいのですが、どう変えればよいでしょうか。 初心者なので本を見てみたのですがわかりませんでした。 どうぞよろしくお願いいたします。
- ベストアンサー
- JavaScript
- セレクトリンクについて
以下の様な内容でセレクトリンクをしています <form action=""> <select onchange="location.href=this.options[this.selectedIndex].value"> <option value="1">1/3</option> <option value="2">2/3</option> <option value="3">3/3</option></select></form> この際に【1/3】の所から【3/3】に飛んだ時にそこの覧を 【3/3】の表示のままにしたいのですが、それはできるでしょうか？ 今のこのままで飛ぶとどこにとんでもどこから飛んでも 最初の【1/3】と表示されてしまうので少々不便に思っています。 説明が下手で申し訳御座いません。宜しくお願い致します。
- ベストアンサー
- JavaScript
お礼
出来ました！ こんなに早くお返事下さって本当にありがとうございました。