子ウィンドウから子ウィンドウを開かせる方法
- 子ウィンドウから子ウィンドウを開かせる方法について説明します。
- JavaScriptを使用して子ウィンドウを開く方法を紹介します。
- 具体的なコード例を示しながら、子ウィンドウのサイズや挙動を調整する方法について解説します。
- ベストアンサー
子ウィンドウから子ウィンドウ
子ウィンドウから文字をクリックして、 同じ大きさの子ウィンドウを開かせたいのですが、 下記のJavaScriptでは子ウィンドウが開きません。 子ウィンドウから子ウィンドウを開かせるには どのようにしたらいいのでしょうか？ ご回答宜しくお願い致します。 head内は、 <script type="text/javascript"><!-- function subwin(file){ window.open(file,"subwin","resizable=1, width=600, height=500, scrollbars=yes"); } //--></script> body内の呼び出し部分は、 <a href="ファイルのURL" onclick="subwin('ファイルのURL'); return false;">
- keikaiga
- お礼率88% (105/119)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
>window.open(file,"subwin","resizable=1,width=600, height=500, scrollbars=yes"); 子ウィンドウを呼び出す時、どちらもこの書き方でしょうか？ 恐らく、子ウィンドウ1と子ウィンドウ2のウィンドウ名が同じ名前になっているのではないでしょうか？ 例えば、子ウィンドウ1を作る際にsubwinという指定で子ウィンドウ1を作り、さらに子ウィンドウ2を子ウィンドウ1から作る際に同じくsubwinを指定すると、子ウィンドウ1にHTMLファイルが開かれます。 もし子ウィンドウ1・2の両方で"subwin"を指定しているのでしたら、子ウィンドウ1か2のどちらかを変えてみて下さい。(例えば子ウィンドウ1をsubwin1、子ウィンドウ2をsubwin2といった風に。) 見当違いな回答をしていたらすみません。
関連するQ&A
- 新しい子ウィンドウを開くと古い子ウィンドウのすぐ上に表示されるようにしたい。
Javascript初心者です。わかりやすく具体的に教えてください。 親ウィンドウから画像1、画像2にリンクを張り、それぞれ子ウィンドウとして開きます。 現在はつぎのようにしています。 <script type="type/javascript"> function wopen1{ window.open('画像1のURL','new1',scrollbars=no,resizable=no,width=420,height=280');} function wopen2{ window.open('画像2のURL','new2',scrollbars=no,resizable=no,width=300,height=450');} </script> <body> <a href="#" onClick="wopen1()">画像1</a> <a href="#" onClick="wopen2()">画像2</a> </body> これだと画像1を開いた後に画像2を開くと階層的（レイヤー的？）に上から順に「画像2の子ウィンドウ>親ウィンドウ>画像1の子ウィンドウ」と表示されます。 これを「画像2の子ウィンドウ>画像1の子ウィンドウ>親ウィンドウ」の順で表示されるようにしたい。 また、画像2を開いた後に画像1を開く場合は同様に「画像1の子ウィンドウ>画像2の子ウィンドウ>親ウィンドウ」となるようにしたい。 どうしたらよいでしょうか？ よろしくお願いします。
- ベストアンサー
- JavaScript
- 子ウィンドウでウィンドウサイズ固定にしてtarget=
HPを作っていて親ウィンドウに↓のように <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ～略～ <a href="dougu/keito.html" target="_blank" onClick="Javascript:winopen('dougu/keito.html');return false;"><img src="img/item-keito10.gif" width="50" height="38" border="0"> ウィンドウサイズを固定してtarget="_blank"で開いてさらにその子ウィンドウでも同じようにリンクを張って <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480"); } //--> </script> ～略～ <a href="../wash.html" target="_blank" class="style1" onClick="Javascript:winopen('../wash.html');return false;">こちら</a> とtarget="_blank"でウィンドウサイズを固定しして開きたいのですが同じウィンドウで開いてしまいます。 説明の仕方が分かりづらくてすみません。分からないようでしたら補足いたします。
- ベストアンサー
- JavaScript
- 子ウインドウのスタイルについて
すみません、分かる方、教えてください。 次のようにJSP内のJavaScriptの関数にて、スタイルを指定しても子ウインドウがサイズ変更できてしまいます。 var style = "width=630,height=400,resizable=0, location=0, menubar=0,scrollbars=yes"; WindowObject = window.open(url,"MAIN",style); resizable=noとしても同様でした。scrollbars=noとした場合はスクロールバーなしとなるのですが何故でしょうか？
- ベストアンサー
- JavaScript
- ジュゲムのブログですが。。
プロフの蘭に、リンクを貼りたいのですが、リンクに飛べません。 とりあえず、編集欄に <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("小窓の中に表示したいアドレス","window2","resizable=no,menubar=no,directories=no,status=yes,location=no,scrollbars=yes,toolbar=yes,width=横幅,height=高さ,left=左からの距離,top=上からの距離"); } --> </SCRIPT> <A href="javascript:subWin1();"><IMG src="画像でリンクを貼るときはココに画像のＵＲＬ" width="幅" height="高さ" border="0"></A> ↑を入れたのですが、飛んでくれません。 編集欄に入れるんではないのですか？？？
- ベストアンサー
- ブログ
- リンク画像に触れると文字
ブログに、アイコンをクリックしたら小窓（新しいウインドウ）を出すようにしています。そのアイコン（リンク）に触れると説明文が出るようにするには、どこのタグにどのように入れたらいいのでしょうか？ とりあえず、 <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("小窓の中に表示したいアドレス","window2","resizable=no,menubar=no,directories=no,status=yes,location=no,scrollbars=yes,toolbar=yes,width=横幅,height=高さ,left=左からの距離,top=上からの距離"); } --> </SCRIPT> <A href="javascript:subWin1();"><IMG src="画像でリンクを貼るときはココに画像のＵＲＬ" width="幅" height="高さ" border="0"></A> ↑こういう設定をしています。
- ベストアンサー
- レンタルサーバ・ASP
- 閉じる「×」のないウインドウの作り方
下記のようなウインドウもしくは、全く形式の？のウインドウでもけっこうですが、右上の閉じる「×」もないウインドウはどのように作れますか？ <SCRIPT language=JavaScript> window.open("sample.htm","plan","width=600,height=600,scrollbars=1,menubar=no,resizable=yes,left=10,top=10"); </SCRIPT>
- ベストアンサー
- JavaScript
- 別ウインドウを開くようにしてるのですが
こんにちは 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にしたいときがあります。 方法を教えてくださいませ よろしくお願いいたします。
- ベストアンサー
- JavaScript
- ポップアップウィンドウを画面中央に配置+複数リンクを同じウインドウに表示させたい
過去にあった複数のイベント等の写真をスライドショーで紹介するページを作成中です。 ひとつのページ上に複数リンクがあって、それぞれクリックするとポップアプウィンドウが画面中央で開くようにすることはできました。（下記参照） <script type="text/javascript"> <!-- function win(url,windowname,width,height) { var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no"; if (width) { if (window.screen.width > width) features+=", left="+(window.screen.width-width)/2; else width=window.screen.width; features+=", width="+width; } if (height) { if (window.screen.height > height) features+=", top="+(window.screen.height-height)/2; else height=window.screen.height; features+=", height="+height; } window.open(url,windowname,features); } // --></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
- ＩＥのタイトル変更方法について
JavaScriptについて素人ですのでご教授願います。 素人ながらいろいろと調べて以下のようなJavaScriptを作成しました。 このJavaScriptは、PDFファイルを表示する為に使用します。 <script language="JavaScript"> function pdf_open(jump){ subwin = window.open('pdf_open.html','subwin','width=800,height=600,menubar=no,toolbar=no,location=no,status=no,scrollbars=yes,resizable=no");'); subwin = window.subwin.location.href = jump; } このままPDFファイルを表示するとIEのタイトルにアドレスが表示されてしまいます。 例えばIEのタイトルに［PDF_OPEN］と表示することが可能でしょうか？ ご存知の方が居ましたら、ご回答宜しくお願い致します。
- 締切済み
- JavaScript
- 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> 上のスクリプトで下のリンクで開こうとする時に、 どうしても開けません。＞＜ どうしてなのでしょうか！？ どこかが間違えているのでしょうか！？ 誰か助けていただけませんでしょうか；＞＜；；
- ベストアンサー
- JavaScript
お礼
とても分かりやすい説明をありがとうございました。 教えて頂いた通りに"subwin"に１と２を付け加えてみたところ、 子ウィンドウから子ウィンドウが開きました。(^^) 早々のアドバイスありがとうございました。