オンマウスでの別Windows表示について

質問

オンマウスで別画面を開きたく
検索でQNo.1933900を参考に次のように記述してみたのですが、
オンマウス状態だと、別画面が瞬間的に開閉が繰り返されてしまい固定
してくれません。どこか記述がまちがっているのでしょうか。
なお、当方javascriptは初心者につき知識はあまりありません。

<A HREF="#" onmouseover="mywin=window.open('window.htm','','width=640,height=480');" onmouseout="mywin.close();">
<IMG SRC="aa.jpg" WIDTH="142"HEIGHT="106" ALIGN="BOTTOM" BORDER="0" NATURALSIZEFLAG="3">

今までオンマウスで同じページ内での拡大画像表示をしていたのですが、オンマウス部分をインフレーム内にとじこめてしまったため、親ページで表示できなくなってしまいました。（小さなインフレーム内で表示されてしまう）
そこで、上記のようにインフレーム内からのオンマウスでも、別画面で表示をすればと同様のことができると考えたものです。

よろしくお願いします。

回答No.1

hkd9001 · ベストアンサー

noro6857 さん、こんにちは。

さて、質問で noro6857 さんが書いてくださったコードを適当な html ファイルに組み込んで、動作させてみました。なるほど「表示」「閉じる」を繰り返しますね。これはなぜかというと
（１）onmouseoverで「aa.jpg の上にマウスが乗ったならば、window.htm を開きなさい」と指示されているので、まず新画面が開きます。これはいいですね。
（２）しかし、その新画面自体が さきの aa.jpg　の上に乗っているものですから、新画面が開いた瞬間にマウスが aa.jpg から外れる、すなわち onmouseout が働いてしまい、新画面は閉じてしまいます。
（３）この時点でマウスがまだ aa.jpg の位置にあれば、（１）からの繰り返しになります。

　ここで問題となるのは「どのタイミングで新画面が閉じればいいのか」です。もし新画面が開きっぱなしでよく、画面右上の×をクリックして閉じればいいのであれば「onmouseout="mywin.close();"」を削除してしまえばＯＫです。
　もし aa.jpg から離れた時点ですぐ新画面が閉じてほしいのであれば「～width=640,height=480」のあとに「,top=300,left=400」を挿入してみてください。新画面の表示位置が変わるはずです。あとは、この top と left それぞれの値を適切に設定すれば、お望みのものが実現できると思います。もし何かわからない点がありましたら、追加でご質問を下されば幸いです。

お礼

こんにちわ
とてもわかりやすい解説をしていただき、感謝しています。
たしかに、画像の上に別画面がのってしまいはずれた状態になる…。よく理解できました。
別ウインドウをマウンオンの画像の位置からはずして表示させればいいのですね。
私の場合、後段の操作が必要なので、表示位置を表示希望場所に設定してみました。そしてさっそく本番用でＴＥＳＴした結果、希望の機能がうまくゆきました。
どうもありがとうございました。