自身のウィンドウをサブウィンドウとして開く方法

このQ&Aのポイント
  • JavaScript初心者の方に向けて、自身のウィンドウをサブウィンドウとして開く方法について解説します。
  • sampleA.htmlとopen1.htmlという2つのファイルがあります。sampleA.htmlのボタンをクリックすると、open1.htmlを小さいサイズのサブウィンドウとして開きます。
  • sampleA.htmlのJavaScriptを使用せず、open1.htmlのJavaScriptでサブウィンドウを開く方法を教えてください。
回答を見る
  • ベストアンサー

自身のウィンドウをサブウィンドウとして開くJS

JavaScript初心者です。 sampleA.htmlというのがあってボタンのリンクとしてopen1.htmlを指定してあります。 sampleAのボタンを押せばopen1.htmlを開くようにします。 sampleAのほうにはJavaScriptを入れず、open1にJavaScriptを入れて open1自身をサブウィンドウの形で小さいサイズで開きたいと思っています。 open1.htmlのほうにresizeToなどでサイズ指定し、sampleA.htmlのほうで _blankのターゲットを入れてもウィンドウの新しいタブで開いてしまって サブウィンドウは開きませんでした。 ネットで調べるとsampleA.htmlのほうにJavaScriptを入れればうまくできるようですが、 sampleA.htmlのほうにJavaScriptは入れずopen1.html自身のJavaScriptで 開くようにしたいと考えていますが・・。 ご存知の方、ぜひともご教授ください。 よろしくお願いいたします。

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

  • ベストアンサー
  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

よくわからないけど openA.htmlを window.openで開きなおしたいってこと? openA.htmlの先頭で openerのlocation.hrefが sampleA.htmlならば window.openで自分自身を開いて 閉じればいいわ

関連するQ&A

  • サブウィンドウを開くと親ウィンドウが上に戻ってしまう

    ページ途中のリンクからJavaScriptでサブウィンドウを開くとき、親ウィンドウが上に戻ってしまいます。 これをリンク位置でサブウィンドウが開くようにしたいのです。 どのようにすれば親ウィンドウが動かなくなりますでしょうか。 サブウィンドウ用のJavaScript function wopen1(){ window.open("aaa.htm","plain","scrollbars=yes"); } リンク側 <a href="#" onClick="wopen1()"> どうぞよろしくお願いいたします。

  • サブウィンドウから、親ページのリンクを操作し、自身は閉じるやり方

    すいません。javascriptに詳しい方、教えて下さい。 今、親ページからポップアップで、サブウインドウを開いています。 やりたいことは、サブウィンドウにあるcloseボタンを押したら、 親ウィンドウを指定のページに移動して表示させ、サブウィンドウ自身は閉じる動作がしたいです。 調べてみたら、opener.location.hrefというのを使えばできるみたいなのですが、こういう記述で大丈夫なのでしょうか? プレビューしてみたら、一応動いてくれているみたいですが、文法的にはどうなのでしょうか? 教えていただければ、ありがたいです。 以下にソースを記述します。 <a href="index.htm#F" onClick="opener.location.href='index.htm#F; return false;" javascript:window.close();">

  • 外部JSでサブウィンドウを設定する場合

    サブウィンドウの設定についてご質問いたします。 親ウィンドウの中の画像をクリックしてサブウィンドウを開くと言う設定をしたいのです。 親ウィンドウにある画像は2つでそれぞれ開くサブウィンドウの大きさは異なります。 まず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↓ペコ

  • 新しいウィンドウを開きたいのですが

    こんにちは、よろしくお願いします。 HPをHTMLで作成しているのですが、リンクを新しいウィンドウを開くようにして 表示させようと思っています。 それは target="_blank" でできたのですが、 ウィンドウのサイズが思うようにできません。 JavaScriptを使わずに、新しいウィンドウのサイズを設定することは 可能なのでしょうか? 過去の質問でJavaScriptを使っての方法は見たのですが・・・。 どなたかご教授のほど、よろしくお願いします。

    • ベストアンサー
    • HTML
  • 新規ウィンドウのoption

    window.openではなく、 formのsubmit(target="_brank")で、 新規ウィンドウを開く際に、toolbar=noなどの指定をする方法はあるでしょうか? 開かれたサブウィンドウのonloadで変更ではなく、 呼び出す時点で指定しておきたいです。 内容的にJavascriptも入るかもしれませんが、、、

  • window.openした窓の位置は記憶可能か

    htmlで<target="_blank">でウィンドウを開いた時、 OSによりけりですが前回開いた位置や大きさをなんとなく覚えてくれます。 javaScriptでwindow.openでサブウィンドウを開いた時に、サブウィンドウの位置や大きさを記憶させる方法は無い物でしょうか? cookieでも利用するしかないでしょうか。

  • サブウィンドウの大きさについて

    windows.openでgifをサブウィンドウで表示させようとしていますが、モニタの大きさで画像がみだれます。 大きいCRTモニタだときれいに表示されますが、b4のノートだと画像がみだれます。(ちなみにgifサイズはかなり大きめです。)フルスクリーンにしてしまうと、閉じれないマシンがあって・・(なぜだかわかりませんが) モニタの大きさに依存しないような、方法はありますか?MAXのサイズで固定で指定する場合、どれくらいのサイズがいいですか?早めに回答ほしいです。お願いします。

  • javascriptでウィンドウのサイズ等を指定するには…

    色々な諸事情があって、新しく開くウィンドウのサイズを、親ウィンドウで指定するのではなく、新しく開く子ウィンドウ自身でサイズを指定する方法を探しておりました。 すると、以下のようなjavascriptが見つかったので試してみたところ、希望どうりにサイズを指定して開くことができたのですが、アドレスバーやツールバーなどもある形でウィンドウが開いてしまいます。タイトルバーとスクロールバー以外は表示しないようにしたいのですが、どのように記述したら良いのでしょうか。javascriptのことはわからないので、実際に書く記述をコピー&ペーストで試せるような形で教えていただけると助かります。宜しくお願いいたします。 <SCRIPT TYPE="text/javascript"> <!-- window.resizeTo(300, 300); //--> </SCRIPT>

  • MacとWindowsにおけるサブウィンドウを開いた際のズレ

    WindowsXPのInternetExproler6で、 JavaScriptによって開くサブウィンドウのサイズを 780×468 としたとします。 それをマック(OS9.2)のInternetExproler5で開くと、 若干大きく開かれてしまいます。 800*480といった具合になっているようです。 () これを補正する方法はないでしょうか。 Flashのswfのファイルの縦と横の幅が780*467なので、 開かれるサブウィンドウにピタリとはまるようにしています。(topmargin=0と、leftmargin=0にはもちろんしております。) マック上だと、前述のように、swfファイルの縦と横の幅より大きなサブウィンドウが開かれてしまいます。 つまり、サブウィンドウとswfファイルの間に隙間が生じてしまうという状態です。 以下がウィンドウを開くためのサブルーチンです。 <script Language="JavaScript"><!-- function newWin(){ wx=780; wy=468; window.open("division1.html","sub",width="+wx+",height="+wy); } //--></script> アドバイスお願いします。

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

    こんにちは。 私の知っているスクリプトだと、一つの固定の大きさでのみサブウィンドウが表示されるので、それぞれのサブウィンドウの大きさを別々に指定したいのですが、どのように記述すれば表示可能でしょうか?大きい方に合わせてしまうと、小さい方が余白が大きすぎてデザイン的にあまり綺麗ではありません。 IE4.0/NN4.0以上対応のスクリプトをお願いします。 やりたい事。 画像をロールオーバーさせ、クリックした時になおかつポップアップでサブウィンドウを表示させる。(その時表示させるページの大きさに合わせ、ウィンドウサイズも変えたい) 既にやっている事。 画像をロールオーバーさせ、固定の大きさではポップアップでサブウィンドウも表示できている。 使用しているソース。 (head部分) <SCRIPT language="JavaScript"> <!-- function openwindow(url,target) { window.open(url,target, "scrollbars=yes,toolbar=no,location=no,status=yes,menubar=no,width=650,height=700") } // --> </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> よろしくお願いします。