1クリックで2つのウィンドウを開くやり方
- 1クリックで2つのウィンドウを開く方法について教えてください。
- 自身のサイトにはクリックボタンがあり、そのボタンをクリックすると「http://www.yah**.co.jp」というウェブページが新しいウィンドウで開きます。そして、5秒後に自動的に閉じられます。その後、新しいウィンドウが立ち上がり、そこに「http://www.goog**.co.jp」が表示されます。
- これらの動作を1つのクリックで実現する方法があるのか知りたいです。
- ベストアンサー
1クリックで2つのウィンドウを開くやり方について
可能かどうかも分からないままの質問で大変恐縮です。 やりたい事は1クリックで2つのウィンドウ（時間差で開く）やり方が あるようでしたらご教示願えればと思い質問させていただきました。 自身のサイト上に以下ソースがあります。 （1）クリックボタンで「http://www.yah**.co.jp」をtarget="_blank"で開き、 5秒後に自動クローズさせます。（以下ソースで出来ています） （2）自動クローズした直後に「http://www.goog**.co.jp」が自動で立ちあがる ※2つ目のURLはtarget="_blank"なしで立上げます。 可能かどうかも分からないままの質問で申し訳ございません。 どうぞよろしくお願い致します。 <head> <script type="text/javascript"> <!-- var w; function foo() { w=window.open('http://www.yah**.co.jp', '_blank'); setTimeout("w.close()", 5000); return false; } // --> </script> </head> <body> <a href="http://www.yah**.co.jp" target="_blank" onclick="return foo();">クリック</a> </body>
- nanacolobiyaoki
- お礼率93% (74/79)
- SE・インフラ・Webエンジニア
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
<head> <script type="text/javascript"> <!-- var w; function foo() { w=window.open('http://www.yah**.co.jp', '_blank'); setTimeout("w.close();document.location='http://www.goog**.co.jp/'", 5000); return false; } // --> </script> </head> <body> <a href="http://www.yah**.co.jp" target="_blank" onclick="return foo();">クリック</a> </body> こんな感じでしょうか？
関連するQ&A
- 新ウィンドウの画像をクリックして閉じる
画像を載せたホームページを作成しています。 target="_blank"で新ウィンドウで開いた画像をクリックして、新ウィンドウを閉じるにはどうしたら良いのでしょうか？ これじゃダメなんでしょうか？ <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <SCRIPT LANGUAGE="JavaScript"> <!-- function WinCls(){ window.close() } //--> </SCRIPT> <TITLE></TITLE> </HEAD> <BODY> <A href="aaa.jpg" javascript:WinCls()" target="_blank"><IMG src="aaa.jpg"></A> </BODY> </HTML>
- 締切済み
- JavaScript
- 別ウィンドウで開いた画面の自動クローズ
自身のサイトに以下のようにヤフーへ飛ぶリンクを付けたいのですが、 別ウィンドウで開いたヤフーの画面を数秒後には自動クローズさせたいのですが 自身のサイトのソースにどのように書いたら良いのでしょうか？ そもそも可能なのでしょうか？ <html> <body> <title>自分のサイト</title> <a href="http://www.yah**.co.jp/ target="_blank">Click</a> </body> </html>
- ベストアンサー
- SE・インフラ・Webエンジニア
- <script Language="JavaScript">を使わないで画像をクリックして別ウィンドウをポップアップさせる方法
以下のソースを見てください <body> <a href="http://www.yahoo.co.jp/" onclick=" window.open('http://www.yahoo.co.jp/', '_blank', 'width=200,height=200'); return false;">開く</a> </body> この例のようにすると文字をクリックすると別ウィンドウで表示されますが、これの画像のやり方を教えてほしいのです。画像をクリックすると別ウインドウが開いて他のページを指定したサイズで表示させたいのです。 headタグの中に<script Language="JavaScript">～</script>を使う方法はわかるのですが、これを使わずに上の例のようにimgタグに埋め込んでポップアップさせる方法を教えてください。
- ベストアンサー
- JavaScript
- Safari3にて、新しく開いたウィンドウの入力フォームにフォーカスが合いません
はじめまして。 javascriptでフォームにフォーカスを当てる処理として、下記のfocusTextファンクションをonloadで呼び出しています。 function focusText(){ document.getElementById("toFocus").focus(); } しかし、Safari3.2.2の場合、対象のHTMLを target="_blank" にて開いた場合にフォーカスが合ってくれません。 window.opener.blur(); を挟んでもうまく行きませんでした。 Safari4や、Interner Explorer、Google Chrome、Firefox等ではうまく行っています。 OSはWindows Vistaです。 解決策をおわかりの方、ご教授いただければ幸いです。 サンプルのソースを下記に記述します。 宜しくお願い致します。 == base.html == <html> <head></head> <body> <a href="new.html" target="_self">自身のウィンドウ</a><br> <a href="new.html" target="_blank">新しいウィンドウ</a> </body> </html> == new.html == <html> <head> <script type="text/javascript"> function focusText(){ document.getElementById("toFocus").focus(); } </script> </head> <body onload="focusText();"> <form> <input type="text" id="toFocus"> </form> </body> </html>
- 締切済み
- JavaScript
- 小さなウインドウ開いて自動閉じることできますか?
200 * 200のウインドウ開いて、 10秒後に自動で閉じるようなスクリプトは可能でしょうか? 以下ではオブジェクトを指定してくださいエラーになりました。どぼじで?(TT) ----------------------------------- <html><head> <script language="JavaScript1.2"><!-- function resize(w1) { w1.resizeTo(200,200); w1.status=no } //--></script> </head> <body onLoad="setTiw1out('window.close()',10000); resize(window);"> 小さなウィンドウ 10秒後に自動で閉じます。 </body></html> -------------------------------------
- ベストアンサー
- JavaScript
- bodyタグの範囲について
bodyタグの範囲について 質問させてください。 HTMLとJavaScirptで下記のようなソースを書きました。 ～ここから～ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title></title> <script language="JavaScript"> function foo(){ <!-- alert("ほげ"); // --> } </script> </head> <body onClick="foo()"> <input type="text"> </body> </html> ～ここまで～ この場合、ウィンドウの中で<BODY>タグが担当する範囲は以下のどちらでしょうか？ 1. テキストボックスのみ(余白を含まない) 2. 余白を含んだウィンドウ全体 私としては、関数foo()が実行されるのはテキストボックス内をクリックした場合だけなので、1.だと思います。 しかし、<body>タグの属性のbgcolorをつけると、余白全てが着色されるので、2.なのかもしれないと思い混乱しています。 どなたかお知恵をお貸しください。
- ベストアンサー
- HTML
- 新しいウィンドゥを最大化で立ち上がるようにしたい
こんにちは。 Java Scriptでわかる人いましたら、教えてください。 HTMLでソースを、target="_blank"とすると、新しくウィンドゥが立ち上がった時。 立ち上がったウィンドゥを最大化した状態で立ち上げるには、Java Scriptで、どのようにしたら出来ますか？ 新しいウィンドゥを、最大化された状態で立ち上げたいのです。
- ベストアンサー
- JavaScript
- イメージマップからのウインドウサイズ
前回に引き続き、ウインドウサイズのことで質問です。 ホームページビルダー２００１で、イメージマップを作り、部分をクリックして 別ウインドウを開くときに、上手くウインドウサイズの指定が出来ません。 部屋の絵を描いて、テレビや本棚をクリックするとそれぞれ 写真が出てくる、ということをしたいのですが、前回教えてもらった Ｓｃｒｉｐｔを挿入するだけでは指定したウインドウサイズでは 開くことが出来ませんでした。 var swImg; swImg=new Array; //--> </SCRIPT><SCRIPT language="JavaScript"> <!--HPB_SCRIPT_PLD_50 HpbImgPreload('_HPB_ROLLOVER1', 'goback.gif', 'goback1.gif'); //--> </SCRIPT></HEAD> <BODY bgcolor="#ffffff" text="#996666" link="#cc0000" vlink="#663333" alink="#cc9999" background="w3b.gif"> <P align="center"><IMG src="broomlogo.gif" width="664" height="71" border="0"></P> <P align="center"><IMG src="bigroom.gif" width="496" height="336" border="1" usemap="#bigroom"><MAP name="bigroom"> <AREA shape="rect" coords="180,11,228,37" href="pc.htm" alt="パソコン。" target="_blank"> <AREA shape="poly" coords="455,199,460,209,456,215,456,229,454,237,449,228,450,215,450,202,455,197,456,197,456,196" href="guitar.jpg" alt="57年レプリカのフェンダーストラトキャスター。" target="_blank"> <AREA shape="default" nohref> </MAP></P> </BODY> </HTML> これをどういう風にすれば、クリックしたときにサイズ指定した ウインドウを開くことが出来るのか、教えて下さい。
- ベストアンサー
- JavaScript
- 親ページを閉じたときにサブウィンドウも閉じたい
こんにちは。 Javascriptでわからないことがあります。 アルバムを作っていて、画像をクリックすると、サブウインドウが表示されて、大きな画像が見られるようなページを作りたかったので、ネットで見つけたものを記載しました。 HEAD部分に以下を記載しました。 <SCRIPT LANGUAGE="JavaScript"> <!-- function new_win6(){window.open("サブウインドウ","","width=300,height=200"); } function win_close(){myWin.close(); } //--> </SCRIPT> BODY内には以下を記載しました。 <a href="#" onClick="JavaScript:new_win6();return false"> </a> 無事、サブウインドウが開いてできたのですが、そのあと別のページにとんだり、ウインドウを閉じたときに、サブウインドウが自動的に閉じるようにしたいと思っています。 本やネットで色々調べてみたのですが、つまづいてしまいました。 BODY部分にこのようなソースを記載すればいいというものじゃないのですよね？ onload="win_open()" onunload="win_close()" 知らなすぎて申し訳ありませんが、ご教授願います。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 子ウィンドウでウィンドウサイズ固定にして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"でウィンドウサイズを固定しして開きたいのですが同じウィンドウで開いてしまいます。 説明の仕方が分かりづらくてすみません。分からないようでしたら補足いたします。
- ベストアンサー
- JavaScript
お礼
お礼が遅くなりまして申し訳ございませんでした。 1クリックで2つのウィンドウを時間差で立ち上げる事が できるなんて、とても感激致しました。 本当にありがとうございました。