- 締切済み
親窓が切り替わった時に小窓を消す
親窓Aからwindow.openで小窓Bを開きました。 ご利用者が親窓Aから違うページへ足を運んだ時、または親窓Aを閉じた時に、小窓Bも同時に閉じる様にしたいのですが、どうしたら良いでしょうか。 または、その方法を紹介しているサイトがあれば教えてください。 よろしくお願い致します。 過去ログを検索したのですが上手く見つかりませんでした。 質問が重複していたら申し訳ごぜいません。
- syuplus9
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- 387
- ベストアンサー率66% (40/60)
「違うページへ足を運んだ」事を知るには、onunload イベントを使います。 例えば、次の様にすると実現できます。 尚、onunload イベントはウィンドウを閉じる時にも発生しますので、 親ウィンドウを閉じても子ウィンドウを閉じられます。 <html> <head> <SCRIPT Type="text/javascript" Language="JavaScript"> <!-- var hWnd = '' ; // 子ウィンドウのハンドル function funcOpen() { hWnd = window.open( ・・省略・・ ) ; } function funcClose() { hWnd.close() ; hWnd = '' ; } //--> </script> </head> <body onload="funcOpen()" onunload="funcClose()"> コンテンツ </body> </html>
関連するQ&A
- 小窓から親窓操作
小窓に表示された画像をクリックすると親窓にあるリストボックスの対象項目が選択される というものを作成しました。 IEとOperaではきちんと動いたのですが、ネスケ7.0とfirefox1.0.7では動作しませんでした。 alertを入れて試してみたところ、 window.opener.testform.testlist.options[no].selected = true; の一文がおかしいようなのですが、どう修正したら良いでしょうか？ 小窓はフォームのあるウィンドウからwindow.openで開いています。 --ソース-- <html> <head> <script language="javascript"> <!-- function imgselect(no){ window.opener.testform.testlist.options[no].selected = true; window.close(); } --> </script> </head> <body> <img src="画像URL1" onclick="javascript:imgselect(1)"><br> <img src="画像URL2" onclick="javascript:imgselect(2)"><br> <img src="画像URL3" onclick="javascript:imgselect(3)"><br> </body> </html>
- ベストアンサー
- JavaScript
- 親窓と小窓を連携させたい
HPのトップページで小窓を一枚開きます。 HP内を閲覧している際はその小窓を表示しっぱなしにしますが、自分のHPから出た時に（親ページのウインドウを閉じる時や、他のサイトに移動した場合に）その小窓を消す方法はありますか？ ページを移動した時に消す方法はunloadで出来るようですが、サイト全体かどうかの判別はどうしたらよいでしょうか。
- 締切済み
- JavaScript
- 小窓について。
現在、クリックすると小窓が開くようにして注意事項等を表示しています。 サイト内で小窓が3カ所あり、全てサイズが違います。 私は開いた小窓を閉じて次のアクションをおこすので気付かなかったのですが、 どうやら開いた小窓をそのままで次のアクションをおこし別の小窓を開く人には「見えない」(実際には開いているけれど、元々のページの下に隠れている。＆小窓のサイズが最初に開いた小窓のままで次に開いた小窓の内容とはサイズが合ってない)という事です。 現在使用中のタグは以下のものです。 どのように訂正すれば快適に表示することができるのでしょうか。 ＝HEAD内＝ <script type="text/javascript"> <!-- function subwin1(){window.open('△△.htm','miniwin', 'resizable=no,menubar=no,status=no,location=no,scrollbars=yes,toolbar=no,width=430,height=620');} --> </script> ＝BODY内＝ <A href="javascript:subwin1()"> 過去ログをどのように調べたらいいかわからなかった(適切な検索語句がわからない)ので新しく質問しました。 もし過去に同じような質問があれば、リンクを張っていただくだけでも構いません。 お手数おかけしますが、よろしくお願いします。
- ベストアンサー
- HTML
- window.open()で小窓を表示させるスクリプトで、親ウインドの
window.open()で小窓を表示させるスクリプトで、親ウインドのボタンで小窓を開けるにつき以下を解決する方法(スクリプト）をお教え下さい。 １）小窓が開いた状態で再度ボタンを押すと小窓が親ウインドの下に隠れてしまう。 ２）小窓＆ボタンが複数の場合、他のボタンを押すと先に開いている小窓が隠れてしまう。 ３）同一小窓に複数ボタンで違う内容を切り替え表示する場合、2回目から親ウインドの下に隠れてしまう。 例示＞（勝手にリンクを貼らせていただきました。支障あれば消して下さい） このページの「サブウィンドウ1、サブウィンドウ2、サブウィンドウ3」ボタン(表示）でなります http://www.tagindex.com/javascript/window/open1.html
- 締切済み
- JavaScript
- 小窓を開きたい
素人なので質問もきちんと出来ているかわからないのですが、よろしくお願いします。 HPトップページを開くと小窓（New Window)が開くようにしたいのです。 TopPageはフレームで分かれていて、どの部分に書き込めばプログラムが実行されるのかがわかりません。 小窓の大きさは、下記に示したように小さなものでよいのです。 <script Language="JavaScript"><!-- function newWin(){ window.open("開きたいファイルのアドレス","","width=196,height=176","scrollbars=no","location=no","menubar=no"); } //--></script> これを<a href でプログラムを開くようなアドバイスがありましたが、どのようなことなのでしょうか？
- ベストアンサー
- JavaScript
- JavaScriptを使用して小窓を開く際・・
現在ＨＰを作成しており、JavaScriptを使用して小窓を開くように設定しております。 ページは縦に長く、小窓を開くリンクはページの最下部に貼っています。 リンクをクリックすると小窓は開くのですが、なぜか親ページがページ最下部からトップにスクロールしてしまうのです。 最下部に留めるようにしたいのですが、どうすればよいのでしょうか。 リンク部分には下記のように記載しております。 <A href="#" onclick="window.open ('http://*****', 'new','toolbar=no, location=no,directories=no, scrollbars=yes, resizable=no, status=no,width=600,height=430');">*** (B)</A>
- ベストアンサー
- ホームページ作成ソフト
- 小窓の表示方法について
自分の作品をホームページで掲載しているのですが、小窓で開く際、作品Aを開いたら1つの小窓が出てきて、作品Bを開くと、小窓内の作品Aを消して作品Bが表示されるような感じにしたいんです。 要するに、小窓を1つだけ開くようにさせたいんですが、今は作品をそれぞれ違う小窓で開くようにしか出来てません。 どうやれば1つの小窓で作品を開けるようになるのでしょうか。 今入れてるスクリプトとタグです↓ function showSubWindow(url) { var win = window.open ( url,"", "width=500,height=600,scrollbars=yes"); } No.00 <a href="JavaScript:showSubWindow('作品A.html');">作品A</a> No.00 <a href="JavaScript:showSubWindow('作品B.html');">作品B</a> 調べてみたのですが、よく分からなかったため質問させていただきました。 細かく説明されているサイトなどがあれば、それを紹介していただいてもOKです。 よろしくお願い致します。
- ベストアンサー
- JavaScript
- JavaScriptで、小窓を開きたいのですが…
色々やってみましたが、イマイチどうも上手く行かないのです。小窓を開けても、小窓にページの表示が出来なかったり、ちゃんとページが開けてもサイズ指定したのに大きいウィンドウで開いたり…。 HP作成ソフトでサイトを作っている程度の知識しかありませんので、どなたか分かりやすく教えて下さい。 開きたいページは、time-s.htmlで、「ここ」というリンクをクリックして小窓で開かせたいです。 ちなみに現在は、head内に <script type="text/javascript"><!-- function newWin(){ window.open("time-s.html","time","width=196, height=176, scrollbars=no, location=no, menubar=no"); } //--></script> body内に <a href="javascript:void(0);" onClick="window.open('time-s.html', 'time', 'width=300,height=220')">ここ</a> としてあります。 色々張りつけてるうちに、ごっちゃになってしまったみたいです（汗） ご親切な方、よろしくお願いします。
- ベストアンサー
- JavaScript
- 小窓を出したい。
画像が多いHPを作成中です。 １つのページに画像をいくつか入れるよりも、 小さい画像をクリックすると、大きな画像で見れるようにした方がいいと聞きました。 そこで、Java Scriptを使って小窓で見れるようにしたいと思いました。 １ページにテーブルを作り、画像をいくつか入れているのですが、１画像ごとに小窓で見れるようにしたいのです。 Aの画像をクリック→小窓A Bの画像をクリック→小窓B ↑ のように、違う小窓が出てくるようにしたい。 色々と画像が多いHPを作成中です。 １つのページに画像をいくつか入れるよりも、 小さい画像をクリックすると、大きな画像で見れるようにした方がいいと聞きました。 そこで、Java Scriptを使って小窓で見れるようにしたいと思いました。 １ページにテーブルを作り、画像をいくつか入れているのですが、１画像ごとに小窓で見れるようにしたいのです。 Aの画像をクリック→小窓A Bの画像をクリック→小窓B ↑ のように、違う小窓が出てくるようにしたいのです。 Java Scriptを使うのはまったく初めてなのですが、 上記の場合のJava Scriptの書き方えを教えて下さい。 宜しくお願い致します。
- ベストアンサー
- JavaScript
- 小窓表示で親ウィンドウがトップに戻らない方法について教えて下さい。
ホームページビルダー７を使って現在ＨＰを制作しています。 小窓表示をすると、もとの親ウィンドウがトップに戻ってしまい細長いページ作りですと、見るのにとても不便に感じるため、小窓表示をしても親ウィンドウがトップに戻らない設定について教えていただけたら・・と思い質問いたします。 過去の記事にて同じような質問をされている方の回答を参考にいろいろ試してみたのですが、どうしても出来なく困っております。 ホームページビルダーで小窓を作る時には、javascriptの設定用？の機能を使いタグに繁栄させているので、自分ではどのようにタグを書き換えたらよいかわかりません＾＾； return false らしき言葉を入れる必要があるという事らしいのですが window.open(url, '_blank', 'width=600,height=600,left=60, top=60, screenX=60,screenY=60,scrollbars=yes'); と現在表示されているタグのどこにどのように入れてよいのか分からないので、どなたか知っている方がおりましたら教えていただけたら、嬉しいです＞＜ どうぞよろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
お礼
ありがとうございました！無事に動きました！ onUnloadを使うことは色々なサイトを調べて何となく解ったのですが、自分なりに試して色々書いていたんですが、結局成功せずにどうやって書けば良いのか悩んでいたんです。 ご回答ありがとうございました。本当に助かりました。