サブウィンドウの大きさを複数設定するには？

2023/07/26 15:30

このQ&Aのポイント

IE4.0/NN4.0以上対応のスクリプトを使用して、画像をロールオーバーさせ、クリックした時にポップアップでサブウィンドウを表示させる方法について、サブウィンドウの大きさを複数設定するための記述方法について教えてください。
現在、固定の大きさでポップアップでサブウィンドウを表示することはできていますが、それぞれのサブウィンドウの大きさを別々に指定したいです。大きい方に合わせると小さい方がデザイン的に綺麗に表示されないため、それぞれのサブウィンドウの大きさを個別に設定する方法を知りたいです。
また、画像をロールオーバーさせる際に表示されるページに合わせて、サブウィンドウのウィンドウサイズも自動的に変える方法についても教えてください。

ベストアンサー

サブウィンドウの大きさを複数設定するには？

2002/04/08 15:13

こんにちは。私の知っているスクリプトだと、一つの固定の大きさでのみサブウィンドウが表示されるので、それぞれのサブウィンドウの大きさを別々に指定したいのですが、どのように記述すれば表示可能でしょうか？大きい方に合わせてしまうと、小さい方が余白が大きすぎてデザイン的にあまり綺麗ではありません。 IE4.0/NN4.0以上対応のスクリプトをお願いします。やりたい事。画像をロールオーバーさせ、クリックした時になおかつポップアップでサブウィンドウを表示させる。（その時表示させるページの大きさに合わせ、ウィンドウサイズも変えたい）既にやっている事。画像をロールオーバーさせ、固定の大きさではポップアップでサブウィンドウも表示できている。使用しているソース。（head部分） <SCRIPT language="JavaScript">  </SCRIPT> （body部分） <a href="javascript:openwindow('mariko/profile.html','pop_up')" onMouseOver="changeImage('botanb_2.gif', 'botan2','mojij_2.gif', 'moji2')" onMouseOut="changeImage('botanp_2.gif', 'botan2','mojie_2.gif', 'moji2')"><img src="images/botanp_2.gif" width="66" height="80" name="botan2" border="0"></a> よろしくお願いします。

ramirami
お礼率31% (12/38)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

peso
ベストアンサー率41% (40/97)

2002/04/08 15:57 回答No.1

openwindow( ) 関数にウィンドウの幅と高さを渡して、次のようにしてみてはどうでしょうか？ function openwindow(url, target, winWidth, winHeight) { window.open(url, target, "scrollbars=yes,toolbar=no,location=no,status=yes,menubar=no,width=" + winWidth + ",height=" + winHeight); } おそらく、これで動くと思います。

質問者

お礼 2002/04/18 01:38

ありがとうございます。自分でもう一度調べてやってみたら、うまくいきました。

関連するQ&A

外部JSでサブウィンドウを設定する場合
サブウィンドウの設定についてご質問いたします。親ウィンドウの中の画像をクリックしてサブウィンドウを開くと言う設定をしたいのです。親ウィンドウにある画像は２つでそれぞれ開くサブウィンドウの大きさは異なります。まずsample.jsを作り function subopen1(){ window.open("××.html","subwin1", "width=450,height=450,toolbar=no,scrollbars=no,left=15,top=5") } function subopen2(){ window.open("××.html","subwin2", "width=500,height=450,toolbar=no,scrollbars=no,left=15,top=5"); } と記述しました。そして<HEAD>～</HEAD>に <script type="text/javascript" src="sample.js"></script> 続いて<BODY>～</BODY>には <A href="javascript:subopen1()"><IMG src="××1.gif" width="100" height="120" alt="Click"></A> <A href="javascript:subopen2()"><IMG src="××2.gif" width="100" height="120" alt="Click"></A> と記述したのですが「オブジェクトを指定して下さい」とエラー表示され実行出来ません。上記に修正箇所があったら教えて下さい。又別な方法でも構いませんのでサブウィンドウの設定が出来れば教えて頂きたいと思います。どうか宜しくお願い致します。ペコ↓m(_ _;)m↓ペコ
- ベストアンサー
- JavaScript
ページを表示すると同時に複数のサブウィンドウを開く方法について
ページを表示すると同時に複数のサブウィンドウを開く方法について、プログラムを作成したらよいのか教えてください。下記のプログラムは、ページを表示すると同時に１枚のサブウィンドウを開くプログラムですが、３枚ほどサブウィンドウを開きたいのです。よろしくお願い致します。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" onLoad="openWindow1()"> </BODY> </HTML>
- ベストアンサー
- JavaScript
マウスアウトでサブウィンドウを閉じる
ホットスポットのマウスオーバーでサブウィンドウを開き、マウスアウトでそのウィンドウを閉じたいのですが、マウスアウト時にエラーになります。ホットスポットには <area shape="rect" onMouseOver="javascript: openWindow2()" onMouseOut="javascript: closeWindow2()">のように記述し、JAVASCRIPTは以下のように記述しています。 <script language="javascript"> function openWindow2() { window.open("date.htm","window5","WIDTH=475,HEIGHT=430"); } function closeWindow2() { window5.close(); } </script> どこを直せば正常に動くようになるでしょうか。
- ベストアンサー
- JavaScript
サブウィンドウの画像を入れ替える
初心者です。よろしくお願いします。親ウィンドウからテキストリンクでサブウィンドウを開きます。サブウィンドウには、基本的に２種類の画像があります。親ウィンドウのテキストリンクは３種類（A、B、C）あり、Aのリンクをクリックしたときには、サブウィンドウの <img src="images/x_01.gif" name="sozai01" alt="" width="469" height="142"> <img src="images/x_02.gif" name="sozai02" alt="" width="469" height="142"> の２つの画像をそれぞれ指定する同じ大きさの画像（images/a_01.gifとimages/a_02.gif）に替えたいのですが、どうしたらいいのかさっぱりわかりません。どなたか教えていただけますでしょうか？
- ベストアンサー
- JavaScript
サブウィンドウ関係のコードの改造（その２）
文末のコードは http://oshiete1.goo.ne.jp/qa3161625.html にてNo2ご教示いただいたものですが、 (1) 1回サブウィンドウを開くと2回目以降、うんともすんとも言わなくなってしまいます（スクリプトエラーにもなりません）。なぜでしょうか？ (2) 開いたサブウィンドウのソースをみると、 <HTML></HTML>としか書かれていませんが、タイトルは「題名1」とセットされてますし画像も表示されています。なぜでしょうか。開いたサブウィンドウの上下左右の余白をゼロにしたいので <body style="margin: 0px;">などとしたいのですが。以上、よろしくお願い致します。 <html> <head> <script> function openNewWin(url,winTitle){ //画像オブジェクト作成 var img = new Image(); img.src = url; //画像のロード後に窓を開く img.onload=function(){ //画像の横幅 var width = this.width; //画像の横幅でabout:blankを開く var Win=window.open("", "new", 'scrollbars=yes,top=0,left='+(getScreenWIDTH()-width)+',width='+width+',height='+(getScreenHEIGHT()+20)); //Winのdocumentにタイトルをつける Win.document.title = winTitle; Win.document.body.innerHTML = '<img src="' + this.src + '" onclick="window.close();" alt="閉じる">'; } } function getScreenHEIGHT(){ if(!!window.screen){ return screen.height-80; }else{ return null; } } function getScreenWIDTH(){ if(!!window.screen){ return screen.width-12; }else{ return null; } } // --> </script> </head> <body> <a href="#" onClick="openNewWin('myimg1.gif','題名1')">開く1</a> <a href="#" onClick="openNewWin('myimg2.gif','題名2')">開く2</a> </body> </html>
- ベストアンサー
- JavaScript
小窓が見れない
マック・ネスケープの環境の方から指摘を受けました。 <SCRIPT LANGUAGE="JavaScript"> function openWindow1() { window.open("*****.html","window1","WIDTH=500,HEIGHT=400"); } </SCRIPT> <BODY> <A HREF="javascript: openWindow1()"><IMG src="../images/*****.gif" width="60" height="25"> </BODY> 上記のタグで、各１０ほど（openWindow1～openWindow10）小窓を出せるようにしています。ＩＥ＆Windowsでは問題無く表示されます。見れるようにする方法はあるのでしょうか？説明・勉強不足かもしれませんが、宜しくお願いします。
- ベストアンサー
- JavaScript
ポップアップウィンドウを画面中央に配置+複数リンクを同じウインドウに表示させたい
過去にあった複数のイベント等の写真をスライドショーで紹介するページを作成中です。ひとつのページ上に複数リンクがあって、それぞれクリックするとポップアプウィンドウが画面中央で開くようにすることはできました。（下記参照） <script type="text/javascript"> </script> body内 <a href="link_page.htm"onclick="win(this.href,null,600,430); return false;"><img src="image.gif" width="123" height="18" /></a></td> ただ複数あるリンクをクリックすると、ポップアップウィンドウも次々増えてしまうのを、常にひとつのウインドウ上に表示させることができません。どうぞご指南よろしくお願いします！
- ベストアンサー
- JavaScript
サブウィンドウの親の位置
こんにちわ。メインウィンドウから、サブウィンドウを開くようになっています。メインウィンドウが縦に長く（文章量が多い）、下の方のリンクでサブウィンドウを開いたときに、メインウィンドウの画面がページの上の方に移ってしまいます。クリックした場所を維持したいのですが、調べてみたのですが、やり方がわかりません。すみませんが、よろしくお願いします。 <script>  </script> ▼メイン・リンク部分 <a href="#" onClick="MM_openBrWindow('info.html#1','info','width=380,height=500,scrollbars=yes,resizable=yes')">※1</a>
- ベストアンサー
- JavaScript
ページのエラー
始めまして任意大きさのウインドウをたち上げる際（ブラウザ上で）どうしても、「表示されました。」の横にビックリマーク「！」が出て暫くすると、ページエラーと表されます。任意のウインドウは正常に表示されます。色々と調べましたが、どうも私のスキルでは限界です。 <HEAD> <SCRIPT LANGUAGE="JavaScript"> function openWindow1() { window.open("***.htm","window1","WIDTH=300,HEIGHT=310"); } function openWindow2() { window.open("***.htm","window2","WIDTH=300,HEIGHT=310"); } function openWindow3() { window.open("***.htm","window3","WIDTH=300,HEIGHT=310; } </SCRIPT> <HEAD> ・・・・・・・・・・・・・ </BODY> <A HREF="javascript: openWindow1()"><IMG src="con_syousai.gif" width="65" height="20"></A></TD> </BODY> 今の所、一つしかリンクしていません。いずれ、９個を同じような形でアイコンから、したいと思ってますＨＰビルダーのソースから記入したのですが何処が可笑しいのでしょう？また、他の方法（タグ）はあるのでしょうか？どうか、お知恵を下さい宜しくお願いします。
- ベストアンサー
- JavaScript
JavaScript:サイズ固定のサブウィンドウ内でページを切り替え表示するソース
<head>内スクリプトで、リンククリック時に開くサブウィンドウの名前・サイズ・スクロール/リサイズ可否を指定して、<body>内のリンクではURLだけを指定すればいいようにしたいのですが、どのようなソースを書けば良いのでしょうか？いろいろなサイトやここのQ&Aを見てみましたが、<head>内スクリプトで名前・サイズ・URLなど全て指定するものと、いずれも変数(？)だけで具体的に指定しないものしか見つけられませんでした。今作成しているページでは、【1】<head>内のスクリプト function imgOpen(theURL,winName,features) { //v2.0 window.open(theURL,winName,features);} 【2】<body>内のリンク <a href="JavaScript:void(0);" onClick="imgOpen('AAAA.html','code','width=450,height=400,scrollbars=yes')"> としてあります。同じサブウィンドウで開きたいリンクがいくつもあるので、上記【2】の長ったらしいソースを毎々書いている状態です。せめて「'code','width=450,height=400,scrollbars=yes'」を略せたらと思っています。宜しくご教示のほどお願い致しますm(__)m
- ベストアンサー
- JavaScript