onchangeでロケーションジャンプして新規ウィンドウでジャンプ先を表示する方法

このQ&Aのポイント
  • ロケーションジャンプを試みていますが、ジャンプ先を新規ウィンドウで表示したいと思っています。どこにtargetを指定すれば良いですか?
  • スクリプト内のどこかにtargetの指定が必要ですが、具体的にどこに指定すればいいのか分かりません。
  • 関数List2Out()内やJumpAnchor()内でtargetの指定が必要かもしれませんが、詳細が分かりません。
回答を見る
  • ベストアンサー

onchangeでロケーションジャンプしてジャンプ先を新規ウィンドウで表示したい

よくあるロケーションジャンプを試みていますが、 ジャンプ先を新規ウィンドウで表示したいのです。。 targetはどこに指定していいのでしょうか?ご教授ください。。多分、下記のスクリプト内のどこかだと思いますが・・。 var MaxList2 = new Array(); ---省略 MaxList2[6] = 3; no_subway[6] = true; urlList2[6][0] = "↓下記よりお選び下さい"; urlList2[6][1] = "JR沿線一覧"; urlList2[6][2] = "私鉄沿線一覧"; MaxList2[7] = 4; no_subway[7] = false; urlList2[7][0] = "↓下記よりお選び下さい"; urlList2[7][1] = "JR沿線一覧"; urlList2[7][2] = "地下鉄沿線一覧"; urlList2[7][3] = "私鉄沿線一覧"; //List2 function List2Out(){ var i,n; n = document.Jump1.LTitle1.selectedIndex + 1; document.Jump2.LTitle2.options.length = MaxList2[n]; for(i = 0; i < MaxList2[n]; i++){ document.Jump2.LTitle2.options[i].text = urlList2[n][i]; } document.Jump2.LTitle2.selectedIndex = 0; } //Jump function JumpAnchor(){ var m,n; var m = document.Jump1.LTitle1.selectedIndex + 1; n = document.Jump2.LTitle2.selectedIndex; if(no_subway[m] && (n==2)){ n = 3; } location = "http://www--URLを記述"; }

  • ebizo
  • お礼率90% (10/11)

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

  • ベストアンサー
  • ryou0607
  • ベストアンサー率27% (71/261)
回答No.1

もうちょっと的を絞ったコードを載せてくれると答えやすいのですが・・・・ location = "http://www--URLを記述"; ではなく、 window.open("http://www--URLを記述","newwin"); に変えたらどうでしょう。

ebizo
質問者

お礼

ryou0607様 さっそくやってみました! できました!ありがとうございました!

その他の回答 (1)

  • shunpapa
  • ベストアンサー率25% (1/4)
回答No.2

window.open()で新規ウィンドウを開くのではだめですか?

ebizo
質問者

お礼

shunpapa様 さっそくやってみました! できました!ありがとうございました!

関連するQ&A

  • チェックの入れ方によってリンク先を変える

    お世話になります。 チェックの入れ方によってリンク先を変える方法ですが、 他の回答者様がすでに回答れていまして、解決しているのですが、質問はチェックボックスが3つという想定ですが、4つあるとして、表記している組み合わせ以外の場合は同じページに飛ばすことはできますでしょうか?元の回答は下記です。わかる方がいたらお願いいたします。 <html> <head> <title>さんぷる</title> <style type="text/css"> #checklist{ list-style-type:none; margin:0;padding:0; } #checklist li{ margin:0;padding:0; } </style> <script type="text/javascript"> function jump1(){ var clist = document.getElementById('checklist').getElementsByTagName('input'); var URLlist = new Array(); URLlist['100'] = '1.html'; URLlist['010'] = '2.html'; URLlist['001'] = '3.html'; URLlist['110'] = '12.html'; URLlist['101'] = '13.html'; URLlist['011'] = '23.html'; URLlist['111'] = '111.html'; var condition=''; for(var i=0;i<clist.length;i++) { condition += (clist[i].checked)?'1':'0'; } if(condition == '000') { alert('チェックが一つもありません'); return; } //alert(URLlist[condition]);return; //テスト用 location.href=URLlist[condition]; } function jump2(){ var clist = document.getElementById('checklist').getElementsByTagName('input'); var condition=''; for(var i=0;i<clist.length;i++) { condition += (clist[i].checked)?i+1:''; } if(condition == '') { alert('チェックが一つもありません'); return; } //alert(condition+'.html');return; //テスト用 location.href=condition+'.html'; } </script> </head> <body> <ul id="checklist"> <li><input type="checkbox" id="cb01"><label for="cb01">項目1</label></li> <li><input type="checkbox" id="cb02"><label for="cb02">項目2</label></li> <li><input type="checkbox" id="cb03"><label for="cb03">項目3</label></li> </ul> <p><input type="button" value="ボタン" onclick="jump1()"></p> </body> </html>

  • リンク一覧の表示

    <SCRIPT language="JavaScript"> <!-- function ShowLinks(){ var msg = "リンクの一覧:<BR>"; for(i=0; i < document.links.length; i++){ msg = msg + "<A href=" + document.links[i] + ">" + document.links[i] + "</A><BR>"; } var new1 = window.open('','new1', 'toolbar=1, location=1, status=1, menubar=1, scrollbars=yes, resizable=1, width=650, height=800'); new1.document.write(msg); new1.document.close(); } //--> </SCRIPT> 下記のように表示されるのを リンクの一覧: http://***.ne.jp/bbns.cgi http://***.ne.jp/abc.cgi 下記のように番号を付けて表示したいのですが リンクの一覧: 0:http://***.ne.jp/bbns.cgi 1:http://***.ne.jp/abc.cgi

  • html onchange

    下記のコードでf002は動きますが、f001が動きません。 scriptで作ったオプションメニューもonChangeが働くようにするには、いかがしたらよろしいでしょうか? <script language="JavaScript"><!-- function f001(){ if (document.test.s1.value==2) alert("2が入力されました"); } function f002(){ if (document.test.s2.value==2) alert("2が入力されました"); } var i,ht=[]; i=0; ht[i] = '<select onChange="f001()" id="s1" >'; for( var i=1; i<=5;) ht[i] = '<option value='+(i)+(i==1?' selected':'')+'>'+(i++)+'</option>'; ht[i] = '</select>'; document.write('s1 =', ht.join('')); // --></script> <form name="test"> s2 = <select onChange="f002()" id=s2> <option value=1 selected>1</option> <option value=2>2</option> <option value=3>3</option> <option value=4>4</option> </select> </form>

  • ラジオボタンでジャンプ先を変更

    はじめまして。javascript初心者です。 答えの選択肢が3つあるクイズのページを制作したいと思っています。 どれか1つのラジオボタンをチェックした後、「クイズに答える」ボタンをクリックすると 正解または不正解のページにジャンプする、という形にしたいのですが 制作したものがMacのIE5できちんと動作してくれません。 winのIEなどでは大丈夫でした。わからず、とても困っています。 どうすれば正常に動くようになるのかアドバイスをいただけたらと思います。 javascript、htmlはそれぞれ下記のように書いています。 ■javascript function Check() { var tolink = document.url for(i=0 ; i<=tolink.list.length -1 ; i++){ if (tolink.list[i].checked) { var n = tolink.list[i].value; document.location.href=n; } } } ■html <FORM name="url"> <table> <tr> <td><INPUT type="radio" name="list" value="correct.html">a</td> <td><INPUT type="radio" name="list" value="mistake.html">b</td> <td><INPUT type="radio" name="list" value="mistake.html">c</td> <td><a href="#" onClick="Check()" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','quiz_over.gif',1)"><img src="quiz.gif" alt="クイズに答えるボタン" name="Image1" width="200" height="30 border="0"></a></td> </tr> </table> </FORM> よろしくお願いいたします。

  • ラジオボタン:新しいウインドウでジャンプ先を開く

    javascript初心者です。 答えの選択肢が4つで、それぞれ別の飛び先に飛ぶクイズを作りたいと思っております。 内容としましては、どれか1つのラジオボタンをチェックしたあとに、 「回答する」ボタンを押すと正解、不正解1、不正解2、不正解3のどれかの ページに新しいウインドウを開けて飛ばしたいです。 同一ページ内の移動はできたのですが、新しいウインドウで飛ばす方法がわかりません。 どうすれば正常に動くようになるのかアドバイスをいただけたらと思います。 ソースは以下のように書いています。 <script language="JavaScript"> <!-- function Check() { var tolink = document.url for(i=0 ; i<=tolink.list.length -1 ; i++){ if (tolink.list[i].checked) { var n = tolink.list[i].value; document.location.href=n; } } } // --> </script> <FORM name="url"> <table> <tr> <td><INPUT type="radio" name="list" value="http://www.yahoo.co.jp/">a</td> <td><INPUT type="radio" name="list" value="http://www.google.co.jp/">b</td> <td><INPUT type="radio" name="list" value="http://www.goo.ne.jp/">c</td> <td><INPUT type="radio" name="list" value="http://jp.msn.com/">d</td> <td><a href="javascript:Check()"><img src="btn_submit.gif" name="Image1" width="78" height="21" border="0"></a></td> </tr> </table> </FORM> よろしくお願いいたします。

  • javascript サーバーファイル有無チェック

    社員番号を入力させその番号に応じたページにジャンプするような、 下記のような簡単なサイトを作りました。 var no = document.no.txtb.value; var fname = no + ".html"; location.href = no; (抜粋) ここで、no + ".html" が存在しなければ Alert するチェックを追加したいのですが、 javascriptでこういった存在チェックは可能でしょうか? 携帯電話(ガラケー)からアクセスするようなサイトなので、 高度な仕組みは用いることができません。 よろしくお願いします。

  • locationでジャンプした場合GETパラメータは認識されるの?(携帯編)

    (携帯サイトの場合です) I.まず下記のようにlocationヘッダでジャンプさせます。 header("Location: http://hoge.com/test.php?id=ok"); II.ジャンプ先で $id = $_GET["ok"]; とした場合GETパラメータは正常に取得できるのでしょうか。 お分かりになる方よろしくお願い致します。

    • 締切済み
    • PHP
  • プルダウンから別ウィンドウを開く方法

    プルダウンから別ウィンドウを開く方法 jsで管理しているプルダウンメニューの一部を 別ウィンドウで表示させたいのです。 下記の000.htmlをblankで表示させたい場合 どのような記述になるのでしょうか? どうぞよろしくお願いします。 function launch_report(obj) { var location = obj.options[obj.selectedIndex].value; if (location) { top.document.location.href = location; } } function shouhin() { document.open(); document.write("<select name=\"hoge\" size=\"1\" class=\"form\" onChange=\"launch_report\(this\)\">"); document.write("<option value=\"000.html\">メニュー"); document.write("</select>"); document.close(); }

  • 2つのプルダウンメニューを連動させてリンク先へ遷移

    2つのプルダウンメニューを連動させて、 ひとつ目のプルダウンメニュー内の条件にそれぞれ連動させた選択肢をふたつ目のプルダウンメニューで表示させ、 ふたつのプルダウンで選んだ項目に連動したリンク先へジャンプさせたいと考えております。 下記のソースで試した所、IE6ではOKでしたがFireFox、Safariでは ダメでした。(プルダウンじたいが表示されない) IE6と7、FireFox2と3、MacのSafari3で表示できるようにしたいので教えてください。 ちなみに私はHTMLレベルのスキルしかありませんのでできるだけ具体的に教えて頂けると助かります。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>テスト</title> </head> <body> ↓ここにプルダウンが入る<br> <script type="text/javascript"> var printf = document.write; RightListStr = ["選択してください","条件A","条件B"]; LeftListStr = [["選択してください","",""],["選択してください","条件A-1","条件A-2"],["選択してください","条件B-1","条件B-2"]]; URL = [["","",""],["","http://条件A-1リンク先.com","http://条件A-2リンク先.jp"],["","http://条件B-1リンク先.com","http://条件B-1リンク先.jp"]]; printf('<form name="MyForm"><select name="RightList" onChange="ChangeList(this);">'); for(var i = 0; i < RightListStr.length; i++) printf('<option>' + RightListStr[i]); printf('</select> <select name="LeftList" onChange="MoveURL(this)">'); for(var i = 0; i < LeftListStr[0].length; i++) printf('<option>' + LeftListStr[0][i]); pritnf('</select></form>'); function MoveURL(LeftObject){ var RightObject = document.MyForm.RightList location.href = URL[RightObject.selectedIndex][LeftObject.selectedIndex]; return; } function ChangeList(RightObject) { var LeftObject = document.MyForm.LeftList; for(var i = 0; i < LeftListStr[RightObject.selectedIndex].length; i++) LeftObject.options[i].text = LeftListStr[RightObject.selectedIndex][i]; return; } </script> </body> </html>

  • 連動するセレクトボックスの内容を増やしたい

    お世話になります。 現在JavaScriptで以下のサンプルのような連動セレクトボックスを作っているのですが、親と子のセレクト項目を増やすやり方がわからず困っています。 http://enjoyjob.blog116.fc2.com/blog-entry-221.html サンプルでは親と子のセレクトボックスが3つなのですが、 7つの親と子のセレクトボックスを作りたいと思っています。 JavaScriptのどの部分を変えればいいのかどうかご教授お願いいたします。 <script type="text/javascript"> var parentArray = new Array('東京都','神奈川県','静岡県'); ////親セレクトボックスを配列から書き出し function autoOptions(){ var parent=parentArray.length; var selectNumber = document.getElementsByTagName("select").length; for(var j=0;j<=selectNumber/2-1;j++){ idName='parent_'+j; document.getElementById(idName).length=parent+1; for(var i=0;i<parent;i++){ document.getElementById(idName).options[i+1].text= parentArray[i]; } } } ////連動セレクトボックス function selectBox(n){ var idParent='parent_'+n; var idChild='child_'+n; if(document.getElementById(idParent).selectedIndex==0){ document.getElementById(idChild).length=1; document.getElementById(idChild).selectedIndex=0; } else { document.getElementById(idChild).selectedIndex=0; document.getElementById(idChild).length=1; var child = childArray[document.getElementById(idParent).selectedIndex-1]; document.getElementById(idChild).length=child.length+1; for(var i=0;i < child.length;i++){ document.getElementById(idChild).options[i+1].text= child[i]; } } } ////子セレクトボックスの配列 var childArray = new Array(); childArray[0]=new Array("渋谷区","品川区","港区","新宿区"); childArray[1]=new Array("横浜市","川崎市","厚木市","小田原市"); childArray[2]=new Array("静岡市","浜松市","三島市","焼津市","清水市"); </script>