- ベストアンサー
ウィンドウのリサイズ？
HPを作成しています。 まず親ウィンドウからサイズ固定の子ウィンドウを別ウィンドウで開きます。そして、子は開いたまま親の別のリンクをクリックして最初に開いていた子のサイズを別の大きさに変えてさらにサイズも最初と違った大きさに固定した状態で開くのは可能なのでしょうか。 <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=780,height=480");win.window.focus() } //--> </script> ～略～ <a href="dougu/dougu_5bou.html" target="_blank" onClick="Javascript:winopen('dougu/dougu_5bou.html');return false;"> と現在はwinopenをwinopen2、winopen3にしたり hostをhost2にしたりしてウィンドウの開き方をコントロールしています。なので小さいサイズの子ウィンドウを開いたまま同じhost名のリンクをクリックすると大きいサイズにしたいのに 小さいサイズのまま開いてしまいます。 分かりづらかったらすみません。補足します。
- hinotori102
- お礼率61% (22/36)
- JavaScript
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じでどうですか？ <script language="JavaScript"> <!-- function winOpen(url,x,y){ newWin = window.open("","host","'left=10000,top=10000,scrollbars=1,width="+x+",height="+y); if (newWin.location.href == "about:blank") { newWin.location.href = url; newWin.moveTo(50,50); } else { newWin.resizeTo(x+10,y+36); newWin.moveTo(50,50); } newWin.focus(); } //--> </script> <a href="dougu/dougu_5bou.html" target="_blank" onClick="winOpen('dougu/dougu_5bou.html',200,200);return false;">aaaaaaaa</a><br> <a href="bottom.html" target="_blank" onClick="winOpen('dougu/dougu_5bou.html',400,400);return false;">bbbbbbbb</a> やっていることは、子ウィンドウが開いてあるか調べて、開いてあったらリサイズして、開かれてなかったら指定のサイズで開くというものです。
その他の回答 (2)
- m035
- ベストアンサー率44% (38/86)
＞サイズ固定 サイズ変更できないウィンドウですか？ それとも開いたときにサイズ指定する、と言う意味ですか？
補足
サイズ変更できないウィンドウです。
- sweetsixteen
- ベストアンサー率28% (7/25)
「さらにサイズも最初と違った大きさに…」あたりから文章の意味がいまいちつかめないのですが、 こういうことでしょうか？ ・親ウィンドウのopenで子ウィンドウオープン ・親ウィンドウのresizeをクリックする度に子ウィンドウのサイズを変更 ちょっと違うかな？ <HTML> <HEAD> <SCRIPT> var winHandle; function makeChild() { winHandle = window.open("hoge.html", "", ""); } function resizeChild(x, y) { winHandle.resizeBy(x, y); } </SCRIPT> </HEAD> <BODY> <A href="javascript:makeChild();">open</A><BR> <A href="javascript:resizeChild(100, 100);">resize</A> </BODY> </HTML>
お礼
アドバイスありがとうございます！私の知識不足で回答していただいた内容が分かりませんでした。これからいろいろ勉強していく中で参考にさせていただきます。
関連するQ&A
- 子ウィンドウでウィンドウサイズ固定にして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
- java scriptで新しいウィンドゥを開く
クリックすると、アドレスバー等がない新しいウィンドゥで開く…という風にしたいのですが、うまく行きません。 以下のようにやってみたのですが、何処が間違っているのでしょうか？ <script language="JavaScript"> <!-- function winopen(url){ win=window.open(url,"host","scrollbars=1,width=717,height=700"); } //--> </script><FONT size="+1"><B><A href="ブログのアドレス" target="_blank" onclick="Javascript:winopen('ブログのアドレス');return false;">ここをクリック</A></B></FONT>
- ベストアンサー
- HTML
- window.openで同画面遷移しない
window.openで別窓でウィンドウを開き、開いたウィンドウは親ウィンドウにあるリンク1、リンク2、リンク3をクリックすると別窓で開いたウィンドウが同画面遷移で変わるようにしたいのですが、IEで各リンクをクリックすると新規ウィンドウが立ち上がってしまいます。Firefoxでは問題ないのですが。 <head>～</head>内に以下のjavascriptを書きました。 <script type="text/javascript"> <!-- function winOPEN(URL,winName) { window.open(URL, 'window1', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes'); } // --> </script> またリンクのhtmlは以下のようにしました。 <ul> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク1</a></li> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク2</a></li> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク3</a></li> </ul> どこがいけないのでしょうか。教えてください。
- ベストアンサー
- JavaScript
- ウィンドウサイズの固定
教えてください。 親ウィンドウからリンクした子ウィンドウのサイズを固定したいと思っています。 HPのウィンドウサイズを固定するには、 <script language="JavaScript"> <!-- resizeTo(600,400) // --> </script> にすれば良いというのを、過去の質問から拝見しました。（実際にやってみて出来ました） さらに、そのウィンドウにメニューバーなどを表示させないようにするにはどうしたら良いのでしょうか？ 宜しくお願いします。
- ベストアンサー
- JavaScript
- サブウィンドウを表示させたいのですが・・・
こんにちわ。 ちょっとした（といっても、ワード文書１ページ分）説明をサブウィンドウで表示させたいのですが、 できません。 以下がソースです。 ＜メインウィンドウ＞ <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- function winOpen(winName,url,W,H){ //サブウインドウオープン var WinD11=window.open(url,winName,'scrollbars=1,width='+W+',height='+H+''); WinD11.document.close() } //--> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:function voi(){};voi()" onClick="winOpen('','link1.html',400,200)"> この文字をクリックすると説明ウインドウ1が開きます </A> </BODY> 何が間違ってるのかご指導いただけないでしょうか？ よろしくお願いいたします。m(__)m
- 締切済み
- JavaScript
- ウインドウの開き方？
下記のテキストボックスのＵＲＬの値は変わります。 「ＧＯ」のリンククリックでウインドウが開くようにしたいのですが、下記だと、最初のウインドウしか開きません。なんか勘違いしています？ (例） urlの値にhttp://www.yahoo.co.jp/ でクリック→○ その後 urlの値にhttp://www.yahoo.com/ でクリック→× <SCRIPT language=JavaScript> function set() { n = document.main.url.value; set = window.open(n) } // --> </SCRIPT> <form name="main"> <INPUT TYPE="TEXT" NAME="url" SIZE="50"><A HREF="#" onclick="set();">ＧＯ</A> </form>
- ベストアンサー
- 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;">
- ベストアンサー
- JavaScript
- 画像にサイズに合わせてウィンドウをリサイズ
今回画像をクリックした場合別Windowで指定htmlを 表示させるページを作っています。そこで色々と調べたのですが 【ウィンドウに対して画像を拡大する】というのはありましたが、 画像の横幅を調べてウィンドウサイズを変更するスクリプトを 作成したいのですが、どうも無い様なのでご質問させて頂きました。 どなたかご指導の程宜しくお願い致します。
- 締切済み
- JavaScript
- 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.ウィンドウを開く」をクリックすると、最初のウインドウサイズを保持したまま、新しいウインドウが開いてしまうのですが、これをうまく処理する方法はないのでしょうか？ どなたかアドバイス頂けると嬉しいです。 よろしくお願い致します。
- ベストアンサー
- JavaScript
- ウインドウのサイズ変更
下記によりサイズを固定したサブウインドウがありますが、ユーザーが必要に応じてウインドウを拡大できるリンクをつけたいのですが、アドバイスをいただけないでしょうか。 function winOpen(winName,url,W,H,L,T){ //サブウインドウオープン var WinD11=window.open(url,winName,'scrollbars=1,width='+W+',height='+H+',left='+L+',top='+T+''); WinD11.document.close() } function CloseWin(){ window.close(); }
- ベストアンサー
- JavaScript
お礼
できました！ありがとうございます。さらにもう一歩踏み込んでみたいと思います。