ホームページをみようみまねで作ってるのですが、詰まりました。たすけてください!
リンク先を新しいウィンドウで開くボタンを並べておいているのですが、複数連続でクリックしたときに、前に開いたウィンドウに上書きされるような設定にしたいのです。(ウィンドウを増やしたくないということです)
ソースは
<a href="body.html" onclick="window.open('white.html','','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');"><img src="white.jpg" width="100" height="100" border="0"></a>
こんなようなのがいくつも並んでいると考えてください。
このままだと当然ボタンを押した数だけブラウザが立ち上がってしまいますが、新しいウィンドウは1つにしたいのです。
説明がわかりづらくて申し訳ありませんが、どうぞ宜しくお願いします。
No.2
- 回答日時:
「TARGET」オプションで名前をつけます。
その名前を同じにしておけば、そこに開きます。
↓基本形です。
<a href="body.html" target="2nd">
ただし、特定の名前には意味が固定されていますので、注意が必要です。
参考URL:http://www.hajimeteno.ne.jp/html40/a/a.html
この回答への補足
自分なりの解釈で
<a href="body.html" onclick="window.open('white.html','','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');" target="aaa"><img src="white.jpg" width="100" height="100" border="0"></a>
としてみたのですがうまくいきません。
書き方が間違っているのでしょうか・・・
No.3ベストアンサー
- 回答日時:
<a href="body.html" onclick="window.open('white.html','','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');"><img src="white.jpg" width="100" height="100" border="0"></a>
ですが、
window.openの引数(”()”の中身です)は前から
開きたいHTML、そのウィンドウにつける名前、その他となっています。
taketoroだと、
開きたいHTML→'white.html'
名前→''
その他→'width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,'
となっていますね。
名前の部分が空白になっているので、次々に新しいウィンドウが開いてしまうんです。
これを'myWnd'等、名前を付けてやれば良いですよ。
(これが#1の方がおっしゃっている「2番目のパラメータ」です)
例:)
<a href="body.html" onclick="window.open('white.html','myWnd','width=350,height=380,menubar=no,resizable=no,scrollbars=no,status=no,');"><img src="white.jpg" width="100" height="100" border="0"></a>
参考URLのサイトが、JavaScriptについて詳しく解説されてますよ。
参考URL:http://tohoho.wakusei.ne.jp/www.htm
この回答への補足
細かく説明して頂いて、本当に助かります。
とりあえずご説明いただいたとおりにソースを書き直したところ、新しいウィンドウは開かなくなったのですが、そのウィンドウが2回目のクリック以降後ろ(非アクティブ)になって隠れてしまいます。
参考URLも見て、いろいろ試したのですがダメです。
初めの質問から変わってしまうようなので新しく質問を立ち上げます。よろしければそちらの方でまたご教示ください。宜しくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
一つのリンクに複数のURLを指定
-
tableタグ最後の改行をなくすに...
-
文字を交互に変化させたいので...
-
リンク先のURLが毎日変わる場合...
-
行番号を指定したリンク
-
ブラウザの右上にあるボタンを...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
java_run.batがダウンロードで...
-
htmlの中にexcelが埋め込むには...
-
どのページもすべて同じURLなの...
-
googleドライブで、PDFファイル...
-
HTMLで別PCのフォルダを開く
-
iPadの標準ブラウザでローカルH...
-
リンク先からリンク元の、同じ...
-
htmlファイルの表示が真っ白
-
ページが変わっても同じ音楽を...
-
メールに添付されたhtmlファイ...
-
選択した複数のファイルを、一...
-
【HTML】1クリックで複数ファイ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
一つのリンクに複数のURLを指定
-
ブラウザの右上にあるボタンを...
-
ページ切り替え時に音を鳴らし...
-
タイトルバーを非表示にできま...
-
リンク先を2つ表示させる
-
リンク先のURLが毎日変わる場合...
-
ウィンドウサイズ固定
-
window.confirmのタイトル
-
一つのリンクで、複数のウィン...
-
行番号を指定したリンク
-
リロードさせるたびに画像を変...
-
リンク先のテキストボックスへ...
-
ハイパーリンクをクリックして...
-
春夏秋冬の季節によって、画像...
-
ロジックの組み方について
-
既存サイトのjQueryのバージョ...
-
ポップアップ小窓を開いた時に...
-
HPを作りましたが、WEB上で開い...
-
HPで浮き出るウィンドウの作り方
-
htmlから<a>でpdf表示時にpdf資...
おすすめ情報