ウインドウの後ろに隠れたページを前面に出す方法

このQ&Aのポイント
  • ウインドウの後ろに隠れているページを前面に出す方法について、質問があります。
  • 現在の方法では、WIN IE6.0では成功するが、FIREFOX、ネスケ、Mac safariの最新verではうまく動作しないことがわかりました。
  • 他の方法でも構わないので、どなたか教えていただけないでしょうか。
回答を見る
  • ベストアンサー

ウインドウの後ろに隠れているページを前面に出したいんです。

「呼び出し元ページ」をA 「呼び出されるWINDOWページ」をB と例えます。 「A」のリンクをクリックすると「B」がNEW WINDOWで開き、既に開いている「B」のリンクをクリックすると背面「A」が手前に来るjavascriptに挑戦しているのですが、うまく動作しないんです。 逆の順序「B」→「A」→「B」もです。 WIN IE6.0では成功しましたが、FIREFOX、ネスケ、Mac safariの最新verではダメでした。 すみません、誰か教えて頂けないでしょうか。 現在「A」「B」のページには下記の記述をしてます。 IEでは大丈夫でした。 別の方法でも良いのでお願いします。 ■「呼び出し元ページA、test1.com」 <script language="javascript"> <!-- window.focus(); //--> </script> <A href=http://www.test2.com/ target=test>リンク</A> ■「呼び出されるWINDOWページB、test2.com」 <script language="javascript"> <!-- window.focus(); //--> </script> <A href=http://www.test1.com/ target=test>リンク</A>

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

  • ベストアンサー
  • Blaise
  • ベストアンサー率33% (13/39)
回答No.2

簡潔すぎてすいませんでした。 子画面から親画面を呼んで前面に出すようにするには window.opener.document.focus(); というシンタックスでできます(windowは省略可)。 また、window.opener.focus();という書き方でも可。 コードを書くことにはなれていらっしゃるようですので やってみてください。 >WIN IE6.0では成功しましたが、FIREFOX、ネスケ、 >Mac safariの最新verではダメでした。 IEとMozillaやその他のブラウザでは仕様のちがいから 振るまいがおなじではありません。たとえば、IEでは window.openerが読み取り専用プロパティではありませんが、他の仕様はちがいます。したがって、IEはヘンスク リプトを組むとヘンなことになる可能性があります。

その他の回答 (1)

  • Blaise
  • ベストアンサー率33% (13/39)
回答No.1

[subWindowName].document.focus()

kato96
質問者

補足

Blaiseさんありがとうございます。 何度も試してみたのですが、「A」→「B」→「A」は出来ますが、逆の順序「B」→「A」→「B」でクリックしていくと背面で再読込をして前面には出てこないんです。 大変恐縮ですが、何かサンプル例で教えて頂けないでしょうか? ホントすみません。

関連するQ&A

  • jump先を変更しても反映されない

    あるページPにリンクを設定しています。 <a href="http://www.**X.com/TEST" target="_blank">http://www.**X.com/TEST</a> TESTフォルダにはindex.htmのみ置いています。 TEST\index.htmの内容は以下の通りです。 <HTML> <HEAD> <TITLE>てすと</TITLE> </HEAD> <SCRIPT LANGUAGE="JavaScript"> <!--JavaScript function jump(){ location.href = "http://www.**A.com/"; } //end--> </SCRIPT> <BODY> <SCRIPT LANGUAGE="JavaScript"> jump(); </SCRIPT> </BODY> </HTML> この状態で TEST\index.htm の内容を location.href = "http://www.**B.com/"; に変更してページPのリンクをクリックしても、**B.comではなく、**A.comが開いてしまいます。 サーバ上で http://www.**X.com/TEST を開いても**A.comが開きます。 サーバにアップする前にLocalでテストするときちんと**B.comに飛びます。 原因と対策を教えてください。 現在はTEST1フォルダを作成し、ページPからTEST1フォルダにリンクを貼って回避しています。

  • 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
  • ハイパーリンクでウインドウを開いて開いたウインドウで複数のぺージに変えれるようにしたい

    この質問と同じ様な質問があったのですが「複数のページを変える」方法がわからなかったので質問させてください。 ハイパーリンクをクリックしてサイズ指定のウィンドウを表示するところまではうまくいくのですが、複数のハイパーリンクの項目があってそれをクリックしてウインドウを出して、そのウインドウで次の項目をクリックすると同じウインドウ内でページが変わるようにしたいのですが、どうしたらよいでしょうか? 一応これがソースです。 <SCRIPT language="JavaScript"> function soll(num) { if(num==0){ window.open("http://www.yahoo.co.jp/","","width=635,height=260") } if(num==1){ opener.window.location="http://www.google.com/"; } if(num==2){ opener.window.location="http://jp.msn.com/"; } } </SCRIPT> <a href="#" onClick="0">YAHOO!JAPAN</a><br> <a href="#" onClick="1")">google</a><br> <a href="#" onClick="2">MSN</a> おわかりになる方、どうかご教授お願いいたします。

  • 後ろにあるページをアクティブにしたいときのリンク設定

    ページAから新ウィンドウ(target="_blank")でページBにリンクします。 次に、ページBから「ページAへのリンク」ボタンをクリックしたとき、ページAの画面をアクティブにするには、どのように設定したらよいでしょう? Javascriptを使えば可能でしょうか?

    • ベストアンサー
    • HTML
  • 子ウィンドウでウィンドウサイズ固定にして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"でウィンドウサイズを固定しして開きたいのですが同じウィンドウで開いてしまいます。 説明の仕方が分かりづらくてすみません。分からないようでしたら補足いたします。

  • 複数のウインドウを表示したい

    ホームページを作っていますが、ページ上に複数の画像があり画像をクリックすると別ウィンドウで画像を表示するようにしたいのですが、今のプログラムでは最初に表示し、次をクリックしても画像が切り替わりません。どうしたらよいのでしょうか?ちなみに今は <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> ##はファイル名 といった様になっています。

  • ウインドウ元のURLをフレームごとかえる

    小ウインドウを開いて、URLをクリックすると元のページのURLがかわるという方法を教えてください! 下記の書き方だと、フレームの中に新しいページが表示されてしまいます。 フレームごと書き換えるには、どうやって書けばよいのでしょう? <script language="javascript"> <!--// function ctrlwin() { window.opener.location.href="http://www.××.html"; window.close(); } //--> </script>

  • 開いたタブ(ウィンドウ)にフォーカスが当たらない

    IE8 をタブモードで利用したとき、新しく開いた タブ(ウィンドウ)にフォーカスが当たりません。 JavaScript の window.open で別タブ(ウィンドウ)を 表示する処理を onload イベントで行うと、新しい タブ(ウィンドウ)にフォーカスがあたりません。 button のクリックイベントで表示した場合は、 新しいタブ(ウィンドウ)にフォーカスが当たります。 やりたいことは submit してページを再表示するときに 新しいタブ(ウィンドウ)を表示して、そちらにフォー カスを設定することです。 また、できればブラウザのバージョンによって処理を 切り替えるようなことはしたくありません。 何か原因や解決策などありましたらご教授ください。 よろしくお願いします。 <この現象が発生する環境> IE8 と IE7 で下記のように設定した場合 ツール → インターネットオプション → 全般タブ  → タブ → 設定  → ポップアップの発生時  の設定を   「常に新しいタブでポップアップを開く」  にする。 ※IE9 ではこの現象は発生せず、新しいタブ(ウィンドウ)に  フォーカスがあたります。 ※IE7, 8 でもタブモードではなく、別ウィンドウで開く  設定になっている場合は、新しいウィンドウにフォーカスが  あたります。 <サンプルソースと説明> (説明) test1.html から window.open で test2.html を表示します。 onload で表示したときは test2.html のタブ(ウィンドウ)に フォーカスがあたりません。 button のクリックイベントで表示したときは test2.html の タブ(ウィンドウ)にフォーカスがあたります。 ---(test1.html)---------------------------------- <html> <head runat="server"> <title></title> <script language="javascript" type="text/javascript"> window.onload = function () { OpenWindowTest(); } function OpenWindowTest() { var TestWin = window.open('test2.html'); TestWin.document.focus(); } </script> </head> <body> <form> <div> <input type="button" value="button" onclick="OpenWindowTest();" /> <br /> <input type="submit" value="submit" /> </div> </form> </body> </html> --------------------------------------------------- ---(test2.html)---------------------------------- <html> <body onload="window.focus();"> テストページ </body> </html> ---------------------------------------------------

  • ウィンドウのリサイズ?

    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名のリンクをクリックすると大きいサイズにしたいのに 小さいサイズのまま開いてしまいます。 分かりづらかったらすみません。補足します。

  • ポップアップから親ウィンドウへリンクを飛ばす方法

    ポップアップしたページに、Flashが埋め込まれている状態で、そのFlash内のボタンをクリックしたら親Windowのページが切り替わるようにしたいのですが、可能でしょうか。 【親:index.html】 <SCRIPT language="JavaScript"> function popup_modeless(url){ var newWin = window.open(url,"pop","width=800, height=480"); newWin.focus(); } </SCRIPT> <a href="" onClick="popup_modeless('pop.html')">開く</a> 【子:pop.html内のFlash】 リンク用のMCを貼り付け、そこに以下のスクリプト on(release){ getURL("jump.html","pop"); } では子window内に表示してしまいました。 ヘルプを見ると、getURLのwindowオプションには任意の名前は認められていないようで、_self,_blank,_parent,_topしか記述されていませんでした。 _parentでも同様に子window内での表示になりました。 Flash内から親Windowに表示させるにはどうすればいいのでしょうか。 よろしくお願いいたします。 ※ActionScript2.0、CS3です。

    • ベストアンサー
    • Flash

専門家に質問してみよう