window.openで新しいタブが開かない@Google Chrome

このQ&Aのポイント
  • window.openで新しいタブが開かない@Google Chrome。ブラウザをGoogle Chromeに限定して質問させていただきます。window.openでページを新しいタブで開きたいのですが、ポップアップで出てしまいます。
  • 上記のソースを記述したページにて、p要素をクリックすると新しいタブが開き、select要素で項目を選択するとポップアップが開いてしまいます。Chromeの仕様、あるいはバグなのでしょうか。
  • 新しいタブでのオープンに統一したいのですが、何か良い方法がありましたらご教授お願い致します。
回答を見る
  • ベストアンサー

window.openで新しいタブが開かない@Google Chrom

window.openで新しいタブが開かない@Google Chrome ブラウザをGoogle Chromeに限定して質問させていただきます。 window.openでページを新しいタブで開きたいのですが、どうしてもポップアップで出てしまいます。 しかも、同じ関数を使用しているのにタブで開いたりポップアップで開いたりします。 使用中のコードは以下の通りです。 <html> <head> </head> <body> <p id="p">click</p> <select id="select"> <option>1</option> <option>2</option> </select> <script> <!-- var p, select; window.onload = function() { p = document.getElementById("p"); select = document.getElementById("select"); p.onclick = open_win; select.onchange = open_win; } function open_win() { window.open("http://www.google.co.jp/", "_blank"); } //--> </script> </body> </html> 上記のソースを記述したページにて、p要素をクリックすると新しいタブが開き、select要素で項目を選択するとポップアップが開いてしまいます。Chromeの仕様、あるいはバグなのでしょうか。 新しいタブでのオープンに統一したいのですが、何か良い方法がありましたらご教授お願い致します。

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

  • ベストアンサー
  • yamada_g
  • ベストアンサー率68% (258/374)
回答No.1

回答ではないのですが・・・ 当方の環境では両方とも新しいタブが開いて表示されました。 Chromeのバージョンは 6.0.472.36 beta です。 OSはWindowsXP Pro SP3です。 ご参考まで。

関連するQ&A

  • window.openについて

    以下のJavaScriptで、サイトを表示しようとしています。ポップアップで「はい」を選べば、表示されますが、セキュリティ警告の「いいえ」をクリックした際に、新しいウィンドウを表示させないようにしたいのですが、方法が分かりません。解かる方、回答をお願いします。ちなみに、httpsからhttpへの移行です。 function siteopen(url) { if (!confirm("選択したサイトを表示します。よろしいですか?")) { return; } win = window.open(url); } <a href="#" onclick="siteopen('{$url}');">

  • openとgetElementByidの使い方

    使用言語:javascript window.openでリモートのサイトを開き getElementByidで書き換えたいです。 サブウィンドウはログインページです。 現在のhtmlファイルの状態(一部伏字) <html> <head> <title>?</title> <script language="JavaScript"><!-- function disp(url){ win = window.open(url, "window_name", "width=900,height=500,scrollbars=yes"); window.setTimeout("",2000); win.getElementById( "pex_user_login_email").innerText="*****@****.***"; win.getElementById( "pex_user_login_password").innerText="*******"; } // --></script> </head> <body> <script>disp('https://****.jp/login')</script> </body> </html>

  • JavaScriptのWindow.openで!

    JavaScriptのWindow.openで! お世話になってます。 JavaScriptのWindow.openについてお聞きします。 現在JavaScriptで・・・ リンクボタン押下→ポップアップ画面表示→再度リンクボタン押下  →再度ポップアップ画面表示(ポップアップ開きなおし) ということをしたいです。 IE6,7,8で対応する必要があるのですが、IE8でうまくいきません(泣) IE8では、ポップアップ画面を別プロセスで開くみたいで、 ポップアップがどんどん増えていってしまいます。 開くポップアップは一つにしたいのですが、対策がわかりません。 何か方法はないでしょうか? どなたかご教授ください。

  • window.openについて

    window.openを使って新しいウインドウを開きたいと思い質問させていただきます。 現在、 ---------------------------------------------------------------- <script type="text/javascript"> <!-- function w_opn() { newWin = window.open("abc.html","","width=200,height=300"); win.moveTo(0,0); } // --> </script> そして、BODY内に <a href="javascript:w_opn()">開く</a> --------------------------------------------------------------- というふうに作成しています。 この方法だと、リンク元が複数ある場合、HEAD内のJavaScriptも複数記述しないといけないと思うのですが、これをひとつのJavaScriptで制御したいのです。 どなたかご教授願えませんか?参考になるサイトのURLでも構いません。

  • 親タブから子タブ開いて親タブへ戻す。

    以前、ここで質問をしたものです。 まだ、解決していません。 window.opener.focusが利かないと質問したものです。 親タブ(ウインドウ)から子タブ(ウインドウ)をひらいて そのリンク先を親タブ(ウインドウ)で制御しようとしています。 自分でいろいろやりましたが、現在chromeのみで動いています。 Firefox、IEでは動いていません。 他に良い方法はないでしょうか? 現在のコードです。 親<index.html> <html> <head> <title>TOPページ</title> <script type="text/javascript"> <!-- var win; // サブウィンドウを開く処理 function disp(url){ win = window.open(url, "oya"); } // --> </script> </head> <body> <p><a href="example_sub8.html" target="_blank" onClick="disp('example_sub8.html')">testサブウィンドウを開く</a></p> </body> </html> 子ウインドウ<example_sub8.html> <html> <head> <title>testサブウインドウ</title> <script type="text/javascript"> <!-- // リンクの処理開始 function disp(url){ if(!window.opener || window.opener.closed){ // メインウィンドウの存在をチェック window.alert('メインウィンドウがありません'); // 存在しない場合は警告ダイアログを表示 } else{ window.blur(); window.opener.focus(); window.open(url,"oya"); //window.opener.location.href = url; // 存在する場合はページを切りかえる } } // リンクの処理終了 // --> </script> </head> <body> <ul> <li><a href="#" onClick="disp('index.html'); return false;">トップページ</a></li> <li><a href="#" onClick="disp('index2.html'); return false;">test2ページ</a></li> </ul> </body> </html>

  • 開いたタブ(ウィンドウ)にフォーカスが当たらない

    IE8 をタブモードで利用したとき、新しく開いた タブ(ウィンドウ)にフォーカスが当たりません。 JavaScript の window.open で別タブ(ウィンドウ)を 表示する処理を onload イベントで行うと、新しい タブ(ウィンドウ)にフォーカスがあたりません。 button のクリックイベントで表示した場合は、 新しいタブ(ウィンドウ)にフォーカスが当たります。 やりたいことは submit してページを再表示するときに 新しいタブ(ウィンドウ)を表示して、そちらにフォー カスを設定することです。 また、できればブラウザのバージョンによって処理を 切り替えるようなことはしたくありません。 何か原因や解決策などありましたらご教授ください。 よろしくお願いします。 <この現象が発生する環境> IE8 と IE7 で下記のように設定した場合 ツール → インターネットオプション → 全般タブ  → タブ → 設定  → ポップアップの発生時  の設定を   「常に新しいタブでポップアップを開く」  にする。 ※IE9 ではこの現象は発生せず、新しいタブ(ウィンドウ)に  フォーカスがあたります。 ※IE7, 8 でもタブモードではなく、別ウィンドウで開く  設定になっている場合は、新しいウィンドウにフォーカスが  あたります。 <サンプルソースと説明> (説明) test1.html から window.open で test2.html を表示します。 onload で表示したときは test2.html のタブ(ウィンドウ)に フォーカスがあたりません。 button のクリックイベントで表示したときは test2.html の タブ(ウィンドウ)にフォーカスがあたります。 ---(test1.html)---------------------------------- <html> <head runat="server"> <title></title> <script language="javascript" type="text/javascript"> window.onload = function () { OpenWindowTest(); } function OpenWindowTest() { var TestWin = window.open('test2.html'); TestWin.document.focus(); } </script> </head> <body> <form> <div> <input type="button" value="button" onclick="OpenWindowTest();" /> <br /> <input type="submit" value="submit" /> </div> </form> </body> </html> --------------------------------------------------- ---(test2.html)---------------------------------- <html> <body onload="window.focus();"> テストページ </body> </html> ---------------------------------------------------

  • ホームページで window.open() で小窓を開いているのですが

    ホームページで window.open() で小窓を開いているのですが、Google Chrome にしてからサイズの変更がうまくいかなくなりました。 javascript をいじってサイズを変更したのですが、Google Chrome だと一回目にクリックして開く小窓は指定寸法ですが、二回目からは以前の大きさに戻ってしまいます。履歴を全部初期化した上での結果です。インターネット・エクスプローラーだとちゃんと指定寸法になるのですが・・・。Google Chromeは、めっぽう速いので、以前のサイズを覚えているというくらいしか考えつきません。そうだとすれば初期化するような方法はないのでしょうか? まあ、初めてホームページを見てくれる人にとっては関係ないとすればいいのですが、こちらで微調整したいと思っても非常にやりにくいので、質問にあげた次第です。よろしくお願いします。なお開くのは外部の○.jsファイルを作っていますが、内容は下記のとおりです。 function openwin(url) { /* 新しいウインドウを開く */ subwin=window.open(url, 'subwin','width=425,height=560,status=no,scrollbars=no,directories=no,menubar=no,resizable=no,toolbar=no'); } // --> ちなみにホームページは http://www.webnet.co.jp/~matsuda-a/

  • window openについて

    こんにちは、例えば以下のようなスクリプトがあったとします。 <html> <form name = serchform> <input type=text name=id><br> <input type=submit value=ID検索 onclick="openwin()"> <a href="javascript:open(1);"><Img Src="1.bmp"></a><br> <a href="javascript:open(2);"><Img Src="2.bmp"></a><br> <script type="text/javascript"><!-- function openwin() { a = document.serchform.id.value; url = "http://10.8.2.166/test/syuhou_kensaku.php?id="+a; mywin = window.open(url,"","width=1120,height=500"); } function open(select) { if(aa == 1){ alert("Test") url2="http://10.8.2.166/test/kensaku.php?msg="+Testです; mywin2 = window.open(url2,"",""); } } //--></script> このソースを実行すると、ID検索ボタンをクリックしても何も反応せず 1.bmpをクリックすると、Testとメッセージが表示され、画面左下に 警告マークが表示され、何も反応しません。 しかし、function open(select)を削除し、ID検索ボタンをクリック すると命令した処理を実行してくれます。 function openwin()を削除したらその逆も起きるのかと考えやって みたのですが、これについては上記と同じエラーでした。 なぜこのようになるのか原因が分かりません。 どなたかご存知の方がいらっしゃいましたら、アドバイスよろしく お願い致します。

  • 閉じたタブの履歴 Google Chrome

    Google Chromeのある拡張機能を探しています。 Chromeで新しいタブを開くと、「最近閉じたタブ」っていうのがありますよね。 でも、10件までしか表示できません。 それを普通の履歴のようにすべて見れる拡張機能はありませんか? もしくは、そういう設定や、機能があったら教えてください。 ちなみに「Simple Window Saver」とは少し違います。 常に閉じたタブを保存するようなやつです。

  • JScript server2008 window.openについて

    JScript に関するバグ情報等が有れば教えて下さい。 具体的には Windows Web Server 2008 R1 + IE8 の環境にて window.open 操作をした場合にターゲット指定をうまく認識しない模様です。 フレーム内親ウィンドウから子ウィンドウ(別ウィンドウ)を開き、開いた子ウィンドウから親ウィンドウを操作したいのですが、新規のウィンドウを開いてしまいます。 XP + IE8、Vista + IE8では問題が発生しません。 以下に簡単なソースを記載します。 --- index.htm --- <HTML> <HEAD> <TITLE>フレーム</TITLE> </HEAD> <FRAMESET rows="50%,*" border="3" > <FRAME name="up" src="./parent.htm" frameborder="1"> <FRAME name="down" src="" frameborder="1"> </FRAMESET> </HTML> --- 親ウィンドウparent.htm --- <HTML> <HEAD> <TITLE>親ウィンドウ</TITLE> <script language="javascript"> <!-- function child_window(){ window.open("./child.htm" , "child"); } //--> </script> </HEAD> <BODY> 親ウィンドウ<BR> <input type="button" value="open" onclick="child_window();"> </BODY> </HTML> --- 子ウィンドウchild.htm --- <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>子ウィンドウ</TITLE> <script language="javascript"> <!-- function parent_window(){ window.open("./parent.htm" , "up"); } //--> </script> </HEAD> <BODY> 子供だよ<BR> <input type="button" value="parent_open1" onclick="parent_window();"> </BODY> </HTML>

専門家に質問してみよう