• ベストアンサー
  • 困ってます

java scriptによるポップアップウインドウについて

<head> <SCRIPT language="JavaScript"> <!-- function OpenWin1(){ win=window.open("window1.html","new","width=300,height=100"); } // --> <!-- function OpenWin2(){ win=window.open("window2.html","new","width=500,height=200"); } // --> </SCRIPT> </head> <body bgcolor="#FFFFFF" text="#000000"> <A href="javascript:OpenWin1()">1.ウィンドウを開く</A> <A href="javascript:OpenWin2()">2.ウィンドウを開く</A> </body> 「1.ウィンドウを開く」をクリックしてwindow1.htmlのポップアップウインドウを表示させたまま、「2.ウィンドウを開く」をクリックすると、最初のウインドウサイズを保持したまま、新しいウインドウが開いてしまうのですが、これをうまく処理する方法はないのでしょうか? どなたかアドバイス頂けると嬉しいです。 よろしくお願い致します。

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数815
  • ありがとう数1

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

  • ベストアンサー
  • 回答No.1
  • leaz024
  • ベストアンサー率75% (398/526)

window.open で開いた後に、ぞれぞれ ・OpenWin1側   win.resizeTo(300,100); ・OpenWin2側   win.resizeTo(500,200); を実行してはどうでしょうか?

共感・感謝の気持ちを伝えよう!

質問者からのお礼

どうもありがとうございました。 お陰でうまくできました。

質問者からの補足

どうもありがとうございます! バッチリでした~ あともう1つ質問があるのですが、 ポップアップウインドウのウインドウサイズって WindowsとMacとでは綺麗に揃わないもんなのでしょうか。 どうしてもMacの方が一回り大きくなってしまうのですが。 winはIE6、macはIE5を使っています。 もしお時間あったらで結構なのでアドバイス頂けたら嬉しいです。

関連するQ&A

  • javascriptでのポップアップウィンドウが開かなくて困っています><

    初歩的な質問ですいません。 <script language="JavaScript"> <!-- function OpenWin(){ win=window.open("sample.html","new","width=100,height=100"); } //--> </script> <a href="javascript:OpenWin()"><img src="img/1.jpg" width="60" height="60" onClick="MM_openBrWindow('sample.html','sample','scrollbars=yes,width=460,height=460')" border="0"></a> 上のスクリプトで下のリンクで開こうとする時に、 どうしても開けません。>< どうしてなのでしょうか!? どこかが間違えているのでしょうか!? 誰か助けていただけませんでしょうか;><;;

  • 画像の指定範囲でのポップアップについて

    No.1266995で締め切ってしまったのですが、1枚の画像の中に複数のクリック個所を設け、それぞれ違う画像をポップアップさせたいのですが、うまくいきません。どう修正したらよいのでしょうか。2度世話をお掛けしてすいません。 <head> <script Language="JavaScript"><!-- function openWin() { window.open("image/画像1.jpg","Sample","width=320,height=240"); window.open("image/画像2.jpg","Sample","width=320,height=240"); } // --></script> </head> <body> <img src="元画像.jpg" usemap="#myMAP"> <map name="myMAP"> <area shape="circle" coords="130,182,10" href="javaScript:openWin()"> <area shape="circle" coords="170,170,10" href="javaScript:openWin()"> </map>

  • 別ウインドウを開くようにしてるのですが

    こんにちは HPで画像を開く際に、下のようなjavascriptを使っています。 <SCRIPT Language="JavaScript"> <!-- function openwin(url) { /* 横幅400px、縦幅200pxのウインドウを開く */ w = window.open(url, 'win','width=400,height=200,status=no,scrollbars=yes,directories=no,menubar=no,resizable=yes,toolbar=no'); } //--> </SCRIPT> body部分に <a href="javascript:openwin('abc.htm')">いろは </a> としています。 で、お教え願いたいのは、別のサイズのウインドウにしたいときはどうしたらいいのでしょうか? 普段は400×200でいいのですが、たまに400×400にしたいときがあります。 方法を教えてくださいませ よろしくお願いいたします。

  • ウィンドウオープンに関する初歩的質問ですが

    ウィンドウオープンに関する初歩的質問ですが html側で <a href="javascript:OpenWin('new.html',100,100)">ウィンドウオープン</a> と記述して javascript側で function OpenWin(url,Width,Height){ win=window.open(url,"new","width=Width,height=Height,resizable=1,scrollbars=1"); } と記述してあります。 javascript:OpenWin('new.html',100,100)の部分を javascript:OpenWin('new.html',300,500)としてリンクをクリックしてもウィンドウの大きさが変化しません。 文法上どこか間違っていますでしょうか? よろしくご教授承りたく存じます。

  • javascriptでのエラーについて

    Windows7+IE8にて以下の処理を行いたいのですが、 ================================================== (1) 親ウィンドウ(oya_window.html)から、【window.open】にて   子ウィンドウ(ko_window.html)を開く (2) 子ウィンドウ(ko_window.html)の【window.opener】にて   親ウィンドウ(oya_window.html)に定義されている   【window.open】を実行する関数[openWindow]を呼び出し、   Yahooページを開く ================================================== (2)の部分で以下のエラーとなり、Yahooページを開く事ができません。 --------------------------------------------------------- このWebページのエラーにより、正しく機能しない場合があります。 --------------------------------------------------------- タグが無効です。 oya_window.html   ライン:10 コード:0      文字:5 --------------------------------------------------------- 同マシン(Windows7)のfirefoxでは問題なく処理が行えるため、IEの 何らかの設定に起因していると思うのですが、IEの何の設定に起因して いるのかわからず、困っています。 何か情報をお持ちの方いらっしゃいましたら、よろしくお願いします。 【その他情報】 ○IEをアドオンなしで起動しても同エラーが発生することから、IEの  アドオンによる影響ではないと思われます。 ○以下の処理は問題なく実行できます。  ▼パターンA  ==================================================  (1) 親ウィンドウ(oya_window2.html)から、【window.open】にて    子ウィンドウ(ko_window2.html)を開く  (2) 子ウィンドウ(ko_window2.html)にて(元々親ウィンドウ    (oya_window.html)に定義していた)【window.open】を実行する    関数[openWindow]を呼び出し、Yahooページを開く  ==================================================  ▼パターンB  ==================================================  (1) 親ウィンドウ(oya_window3.html)から、【window.open】にて    子ウィンドウ(ko_window3.html)を開く  (2) 子ウィンドウ(ko_window3.html)の【window.opener】にて    親ウィンドウ(oya_window.html)に定義されている    【document.bgColor】を実行する関数[changeColor]を呼び出し    親ウィンドウの背景色を灰色に変更する  ================================================== 【ソース】 ▼本来のパターン ==親ウィンドウ(oya_window.html)=================== <HTML> <HEAD> <TITLE>親ウィンドウ </TITLE> <script language="Javascript"> function koopen(){ window.open("ko_window.html","ko_window","status=yes,width=800,height=100"); } function openWindow(){ window.open("http://yahoo.co.jp","",""); } </script> </HEAD> <BODY> <a href="JavaScript:koopen();">子ウインドウを開く</a> </BODY> </HTML> ================================================== ==子ウィンドウ(ko_window.html)=================== <HTML> <HEAD> <TITLE>子ウィンドウ </TITLE> <script language="Javascript"> function helpop(){ window.opener.openWindow(); } </script> </HEAD> <BODY> <a href = "JavaScript:helpop();">Yahooページを開く</a> </BODY> </HTML> ================================================== ▼パターンA ==親ウィンドウ(oya_window2.html)=================== <HTML> <HEAD> <TITLE>親ウィンドウ </TITLE> <script language="Javascript"> function koopen(){ window.open("ko_window2.html","ko_window","status=yes,width=800,height=100"); } </script> </HEAD> <BODY> <a href="JavaScript:koopen();">子ウインドウを開く</a> </BODY> </HTML> ================================================== ==子ウィンドウ(ko_window2.html)=================== <HTML> <HEAD> <TITLE>子ウィンドウ </TITLE> <script language="Javascript"> function helpop(){ window.opener.window.open("http://yahoo.co.jp","",""); } </script> </HEAD> <BODY> <a href = "JavaScript:helpop();">Yahooページを開く</a> </BODY> </HTML> ================================================== ▼パターンB ==親ウィンドウ(oya_window3.html)=================== <HTML> <HEAD> <TITLE>親ウィンドウ </TITLE> <script language="Javascript"> function koopen(){ window.open("ko_window3.html","ko_window","status=yes,width=800,height=100"); } function changeColor(){ document.bgColor="CCCCCC"; } </script> </HEAD> <BODY> <a href="JavaScript:koopen();">子ウインドウを開く</a> </BODY> </HTML> ================================================== ==子ウィンドウ(ko_window3.html)=================== <HTML> <HEAD> <TITLE>子ウィンドウ </TITLE> <script language="Javascript"> function helpop(){ window.opener.changeColor(); } </script> </HEAD> <BODY> <a href = "JavaScript:helpop();">親ウィンドウの色を変える</a> </BODY> </HTML> ==================================================

  • 下記HTML(java?)だと,ホップアップが1つしか出来ません。

    続けざまの質問になりますがご返答宜しくお願いいたします。 ちなみに,HTMLタグのように,target=newっていうのを入れてみたのですがどうも違うようですね。 また,この開かれた方のHP(自分のHPじゃないので,hopup1.htmのソースは触れません),hopup1.htm を自動的に閉じてくれる方法はありませんか? <html> <head> <script type="text/javascript"><!-- function popwin(){ pw=window.open("hopup1.html","pop","width=10, height=10, top=0, left=0"); } //--></script> </head> <body> <input type="button" value="login" href="#" onClick="popwin()"> </body> <html> <head> <script type="text/javascript"><!-- function popwin(){ pw=window.open("hopup2.html","pop","width=10, height=10, top=0, left=40","new"); } //--></script> </head> <body> <input type="button" value="login" href="#" onClick="popwin()"> </body>

    • ベストアンサー
    • HTML
  • 複数のウインドウを表示したい

    ホームページを作っていますが、ページ上に複数の画像があり画像をクリックすると別ウィンドウで画像を表示するようにしたいのですが、今のプログラムでは最初に表示し、次をクリックしても画像が切り替わりません。どうしたらよいのでしょうか?ちなみに今は <script language="JavaScript"> <!-- function openWin(url) { return false; } // --> </script> <script language="JavaScript1.1"> <!-- var w = window; function openWin(url) { if ((w == window) || w.closed) { w = open(url, "_blank", "width=400,height=319"); } else { w.focus(); } return(false); } // --> </script> <a href="##.htm" onClick="return openWin('##.htm')"> <img src="##.jpg" width="60" height="12" border="0"></a> ##はファイル名 といった様になっています。

  • 親ページを閉じたときにサブウィンドウも閉じたい

    こんにちは。 Javascriptでわからないことがあります。 アルバムを作っていて、画像をクリックすると、サブウインドウが表示されて、大きな画像が見られるようなページを作りたかったので、ネットで見つけたものを記載しました。 HEAD部分に以下を記載しました。 <SCRIPT LANGUAGE="JavaScript"> <!-- function new_win6(){window.open("サブウインドウ","","width=300,height=200"); } function win_close(){myWin.close(); } //--> </SCRIPT> BODY内には以下を記載しました。 <a href="#" onClick="JavaScript:new_win6();return false"> </a> 無事、サブウインドウが開いてできたのですが、そのあと別のページにとんだり、ウインドウを閉じたときに、サブウインドウが自動的に閉じるようにしたいと思っています。 本やネットで色々調べてみたのですが、つまづいてしまいました。 BODY部分にこのようなソースを記載すればいいというものじゃないのですよね? onload="win_open()" onunload="win_close()" 知らなすぎて申し訳ありませんが、ご教授願います。 よろしくお願いします。

  • ポップアップウィンドウが出来ないです

    ポップアップウィンドウをつくりたいのですが、 head内に <script type="text/javascript"> function openWin(theURI) { PopUpWin=window.open(theURI,'theWin','scrollbars=0, width=250,height=320,resizable=1,directories=0, toolbar=0,status=1,location=0'); PopUpWin.focus(); } </script> と書いて body内に <a onclick="openWin('bgm.html');return false;" onkeypress="openWin('bgm.html');return false;"> と書きました 初心者がどうにか書いたものなので、全体的に間違っているかも知れないですが、どこを直せばいいか教えてください (サーバの都合で現在アップデートできないので、オフラインで動作確認しましたがポップアップしません。 オフラインでは動作しないのですか?)

  • 読みこみと同時にポップアップウインドウを表示したい

    URL(たとえば1.tml)を指定してページを読み込んだときにそのページと同時にポップアップウインドウを表示したいと思っています。 そこで1.htmlには下記のように書きましたが、ポップアップが出ません。どなたかおわかりになる方、ご教授ください。よろしくお願いします。 <HTML> <HEAD> <script type="text/javascript"> <!-- function MM_openBrWindow() { window.open("pop.html","width=400,height=400,status=no,scrollbars=yes,resizable=no"); } //--> </script> </HEAD> <boby onload="MM_openBrWindow()"> </body> </HTML>