Google Chromeでwindow.open()を使用した小窓のサイズ変更がうまくいかない

このQ&Aのポイント
  • ホームページでwindow.open()を使用して小窓を開いていますが、Google Chromeでのサイズ変更がうまくいきません。
  • Google Chromeでは初回のクリックで開かれる小窓は指定のサイズですが、2回目以降は前回の大きさに戻ってしまいます。
  • インターネット・エクスプローラーでは正常に指定サイズになりますが、Google Chromeでは以前のサイズを覚えている可能性があります。初期化する方法はありますか?
回答を見る
  • ベストアンサー

ホームページで 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/

  • y_mat
  • お礼率100% (1/1)

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

  • ベストアンサー
  • leaveme
  • ベストアンサー率54% (6/11)
回答No.1

すみません。 情報だけですが http://loftimg.jp/blog/program/google-chrome.php (Google Chromeでポップアップがうまく開かない) が参考になりませんか?

y_mat
質問者

お礼

さっそくのご回答ありがとうございました。 今までこういうのはあまり使ったことがなかったので、こんなに早く回答が寄せられるとは思いませんでした。 参考サイトを見まして、各小窓のファイルを修正し、一応思い通りに開くようになったようです。 ありがとうございました。 ただ、外部のjsファイルでサイズを確定できれば一度で済むと思っていたのですが、無理なのかもしれませんね。 取り急ぎお礼まで。

関連するQ&A

  • MAC+IEで、小窓が表示されない。

    お世話になります。 MAC+IEで小窓が開かず困っています。 で、MacIEの場合、リンクターゲットが#のままでは、javascriptで小窓のURLを指定してもページ内アンカーを指定していると解釈されているようですので、MacIEでも小窓をきちんと開かせるには、やはり小窓URLを指定しなくては駄目なようです。 <a href="小窓のURL" onClick="window.open(~…> と、他でアドバイスもらったんですがなにぶん初心者なため、そのあとの中身をどういれていけばいいのかがわからず、またこの教えてくれたかたとも連絡がつけれず、困り果てています。 現在 <a href="#" onclick="window.open('小窓表示するアドレス','その名前','width=サイズ,height=サイズ,menubar=no,toolbar=no,location=no,scrollbar=no,status=yes');"> となっているんですが、<a href="小窓表示するアドレス">と変更したそのあとは、どんな指定になるのでしょう? お手数かけますが onclick="window.open('小窓表示するアドレス','その名前','width=サイズ,height=サイズ,menubar=no,toolbar=no,location=no,scrollbar=no,status=yes');"> を書きかえるような形で教えてもらえると助かります・・・。 おたすけください。よろしくおねがいします。

  • window.openについて

    お世話様です。 早速本題なんですが画像のサムネイルページがあります。 そのページからサムネイルをクリックすると新しいウィンドウを開き元画像を表示するのですが、すべてサイズが違うためヘッダに <script language="JavaScript" type="text/javascript"> <!-- function openwin(url, w, h) { window.open(url,"","width=" + w + ",height=" + h); } // --> </script> と書いて、リンク<a>に onclick="openwin(this.href, 800, 600); return false;" とリンク1つづつに数値(幅,高さ)を変えながら入れて、 サムネイルが指定したサイズで新規ウィンドウとして開くところまでは至りました。 ですが、これでは、サムネイルをクリックする度に新規ウィンドウが開いてしまいます。ウィンドウの名前を指定しようと思い、 ヘッダを function openwin(url, name, w, h) { window.open(url, name, "width=" + w + ",height=" + h); とかえ、リンクを onclick="openwin(this.href, new, 800, 600); return false;" と変えました。 これでいけるかと思ったのですが、サムネイルと同じウィンドウに開かれてしまいます。さて、、、自分の力量はこんな程度で、もうわかりません。 どうすれば、アタらしいウィンドウの名前を指定出来るのか、 初歩的なところかもしれませんがご教授よろしくお願い致します。

  • 小窓について。

    現在、クリックすると小窓が開くようにして注意事項等を表示しています。 サイト内で小窓が3カ所あり、全てサイズが違います。 私は開いた小窓を閉じて次のアクションをおこすので気付かなかったのですが、 どうやら開いた小窓をそのままで次のアクションをおこし別の小窓を開く人には「見えない」(実際には開いているけれど、元々のページの下に隠れている。&小窓のサイズが最初に開いた小窓のままで次に開いた小窓の内容とはサイズが合ってない)という事です。 現在使用中のタグは以下のものです。 どのように訂正すれば快適に表示することができるのでしょうか。 =HEAD内= <script type="text/javascript"> <!-- function subwin1(){window.open('△△.htm','miniwin', 'resizable=no,menubar=no,status=no,location=no,scrollbars=yes,toolbar=no,width=430,height=620');} --> </script> =BODY内= <A href="javascript:subwin1()"> 過去ログをどのように調べたらいいかわからなかった(適切な検索語句がわからない)ので新しく質問しました。 もし過去に同じような質問があれば、リンクを張っていただくだけでも構いません。 お手数おかけしますが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • window.openについて。

    初歩的な質問で申し訳ありません。 ★<script> function openWin(filename){ newWin = window.open(winname + ".html", "", "width=300, height=200, location=no, menubar=no, toolbar=no,resizable=yes"); } </script> ★<a href="JavaScript:openWin('pr00001')">PR00001</a> ・・・という二つのパーツ(★)があるのですが ここで分からないことがあります。 『function openWin(filename)』の『filename』にpr00001というhtmlファイルを埋め込む・・というのは理解できるのですが最初のパーツにある『newWin = window.open(winname + ".html"・・・』の中の『winname + ".html"』とは何を指しているのでしょうか・・・・。 大変申し訳ありませんがご指導お願いいたします。

  • JAVAスクリプトで「ランダムURL表示・任意のサイズの小窓を出す」と

    JAVAスクリプトで「ランダムURL表示・任意のサイズの小窓を出す」というものを作りたいのですが。 今現在、「ランダムURL表示と、新しい窓を出す」というところまで出来ておりますが、窓のサイズを指定するところでつまずいております。 以下が現在の状況です。 ---------------------------------------------------------------------------------- <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 type="text/javascript"> var links = ['1.html','5.html','2.html','9.html','1.html','3.html','7.html','10.html','4.html','1.html','6.html','8.html']; function RandomLink() { var Link = links[Math.floor(Math.random() * links.length)]; window.open(Link); } </script> </HEAD> <BODY><A target="_blank" alt="???" onclick="RandomLink();return false;" href="">おみくじ</A></BODY> </HTML> -------------------------------------------------------------------------------- ここから窓のサイズをかえるスクリプト、 例えば -------------------------------------------------------------------------------- <script language="JavaScript"> <!-- function subWin01(){window.open("URL","window1","scrollbars=no,status=no,menubar=no,toolbar=no, resizable=no,width=200,height=200");} //--> </script> BODY間 <A href="javascript:subWin01()">おみくじ</A>」 ---------------------------------------------------------------------------------- のようなものを挿入したいのですが、基本的な事がまだ飲み込めていないせいか、どこに入れてもうまく動いてくれません。 そもそも、「ランダムURL表示・任意のサイズの小窓を出す」といった重複した使い方が出来るのかも分かっておりません。 初歩的な質問だとは思いますが、この「ランダムURL表示・任意のサイズの小窓を出す」という事が出来るのか、出来るとしたらどこにどう記述すれば良いかを教えていただけたらと思います。 どうぞ宜しくお願いいたします。

  • htmlでHP作成・1つのページに複数の小窓を出すには・・・

    メモ帳を使い、タグを打ち込んでHPを作っています。 1つのページに3つのリンク元を置いて、それぞれ違う 小窓が出るようにしたいのですが、やってみたら 全部同じ小窓が出てしまいます。何度やっても直りません。 打ち込んだタグはこれです。(<BODY></BODY>内に) 同じタグを、リンク先のURLとリンク元の文を変えただけで3つ続けて書き込みました。 これだと、どのリンク元を押しても3つめの小窓が開いてしまいます。 ちゃんと個々の小窓が開くようにするにはどうすればいいのでしょうか??教えてください!! <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("1つめ.html","window2","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=500,height=500"); } --> </SCRIPT><A href="javascript:subWin1();" STYLE="text-decoration:none" title="" onfocus="this.blur()"><font color=gold size="1" face="verdana"onMouseOver="this.style.color='red'" onMouseOut="this.style.color = 'GOLD'">1つめリンク元</font></a>

  • 小窓の出し方について教えて下さい。(2)

    http://oshiete1.goo.ne.jp/kotaeru.php3?q=568520 先ほどご回答を頂き、小窓の開き方は解決致しました。 ↓ <script type="text/javascript"><!-- function subwin(imgsrc,imgalt){ sub1=window.open("","subwin","width=230,height=160,resizable=1"); sub1.document.open(); sub1.document.write("<html><head><title>"+imgalt+"</title></head>"); sub1.document.write("<body style='margin: 0;'>") sub1.document.write("<img src='"+imgsrc+"' alt='"+imgalt+"'>"); sub1.document.write("</body></html>"); sub1.document.close(); } //--></script> body内の、呼び出し部分は、 <a href="#" onClick="subwin('画像ファイルのURL','画像ファイルの説明'); return false;"><img src="p_1.jpg" border="0" width="70" height="48"></a> が、クリックして開く小窓に表示させるHTMLファイルで開かせたい 画像が同じページにあります。(大きさは横500縦600) もう1つ教えて頂いた↓ <script type="text/javascript"><!-- function subwin(file){ window.open(file,"subwin","resizable=1, width=230, height=160"); } //--></script> 以上をhead内に記述して、呼び出し部分は <a href="#" onClick="subwin('読み出すHTMLファイルのURL'); return false;"><img src="p_1.jpg" border="0" width="70" height="48"></a> のwidth=230, height=160をwidth=500, height=600にして上記ソースに加えると(?) 全部の小窓がwidth=500, height=600になってしまいます。 width=230, height=160の画像で開かせる小窓と width=500, height=600のHTMLで開かせたい小窓を 同じページに加えるには、どうしたらよいのでしょうか? ご回答宜しくお願い致します。

  • 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()を削除したらその逆も起きるのかと考えやって みたのですが、これについては上記と同じエラーでした。 なぜこのようになるのか原因が分かりません。 どなたかご存知の方がいらっしゃいましたら、アドバイスよろしく お願い致します。

  • JavaScriptで、小窓を開きたいのですが…

    色々やってみましたが、イマイチどうも上手く行かないのです。小窓を開けても、小窓にページの表示が出来なかったり、ちゃんとページが開けてもサイズ指定したのに大きいウィンドウで開いたり…。 HP作成ソフトでサイトを作っている程度の知識しかありませんので、どなたか分かりやすく教えて下さい。 開きたいページは、time-s.htmlで、「ここ」というリンクをクリックして小窓で開かせたいです。 ちなみに現在は、head内に <script type="text/javascript"><!-- function newWin(){ window.open("time-s.html","time","width=196, height=176, scrollbars=no, location=no, menubar=no"); } //--></script> body内に <a href="javascript:void(0);" onClick="window.open('time-s.html', 'time', 'width=300,height=220')">ここ</a> としてあります。 色々張りつけてるうちに、ごっちゃになってしまったみたいです(汗) ご親切な方、よろしくお願いします。

  • window.openした時、親ウィンドウのドキュメントがトップに戻る

    リンク先を新しいウィンドウで表示させ、メニューとかステータスバーを非表示にさせるためwindow.openを使用しています。 上記のようにして、子画面を表示することは問題無く出来ているのですが、リンクボタンを押した親画面ドキュメントが、いわゆる「トップに戻る」ボタンを押したときのような動きをしてしまいます。 なんとか親画面側のこの「トップに戻る」動きをやめさせたいのですが、解決法はありますか? ソースは以下のようにしています。 <script language="javascript"> <!-- function openWin(url){ window.open(url, "newwin", "menubar=no,location=no,status=no"); } //--> </script> <a href="#" onclick='openWin("./test.html")'>テスト表示</a>