サブウインドウのこと

質問

INDEX.HTM からサブウインドウを開いています。
INDEX.HTM には
<A HREF="javascript:function voi(){};voi()" onClick="winOpen('subwin','test.cgi?key=japan')">日本</A>
<A HREF="javascript:function voi(){};voi()" onClick="winOpen('subwin','test.cgi?key=japan')">アメリカ</A>
<A HREF="javascript:function voi(){};voi()" onClick="winOpen('subwin','test.cgi?key=japan')">中国</A>
のように並んでいます。
日本をクリックすると、サブウインドウが開きます。
アメリカをクリックすると、サブウインドウのnameが同じため、日本で開いたサブウインドウが変わります。そのとき、サブウインドウがINDEX.HTMに隠れてみえません。
これをクリックするごとに、サブウインドウが最上面で見えるようにするにはどうしたらいいでしょうか。

javascriptの質問からずれているかもしれません。

回答No.1

noname#199778 · ベストアンサー

おそらくhead内に別にスクリプトが用意されていると思います。 その内容に手を加えることで、お望みの動作になると思いますよ。
<script>要素を探して、その中の「function winOpen(***,***){～～}」という関数部分に、

window.open(***,***)

と書かれている部分はないでしょうか。 あるいは、

**=window.open(***,***)

のような形で(**という任意の名前の)オブジェクトとして定義しているかもしれませんが。
これを、

sw=window.open(***,***)

のように直してwindow.open()メソッドで開いたウィンドウをオブジェクトとして定義し、これにフォーカスを与えるメソッドを付け加えればよいと思います。 つまり、具体的には、その部分を

sw=window.open(***,***);
sw.window.focus();

このように書き換えると、window.open()を実行したあとに、そのウィンドウにフォーカスを与えて前面に出すことができると思います。
なお、もとから新しいウィンドウをオブジェクトとして定義している場合は、その部分を書き換えずに、その定義されている名前を利用して「**.window.focus()」を追記すればよいでしょう。

参考になれば幸いです。

お礼

丁寧な回答ありがとうございました。

アドバイスの例を元に修正したら、目的の動作が実現できました。

＃宮沢賢治じゃないが「こういう回答をできる人に私はなりたい」・・という心境です。 (^^;