ボタン1つで複数ページを開きたいです。
html
1こちらから<a href="リンク先①">リンク先①</a>が開きます。
みたいにしますが、これを、
html
1こちらから<a href="リンク先①",リンク先②,リンク先③">すべてのリンク先</a>が開きます。
のようにしたいです。
よろしくお願いいたします。m(__)m
動機について補足いたします。
「広告をたくさん開かせるかもしれない」とのご指摘をいただきましたが、今回はこのようなサイトを作っています。
http://ganbishi.com/wp/success-wpcanvasshortcodes/
要するに「他のページをご紹介するサイト」です。
この利用において「ページぜんぶ開きたい」というニーズがあるようなので、今回の質問をいたしました。
質問文の表現が至らず誤解を招いてしまいましたけれど、へんてこりんな動機ではないです。(・_・;)
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答4件
0
複数のリンクを開く
HTMLでは2つのリンクを開く方法がないので不可能です。
JavaScriptでは可能ですが、その手の機能は昔から広告のポップアップとして使われ、ユーザから嫌われてきました。
ポップアップブロックの対象ですね。
複数のリンクを開きたいというニーズ
この利用において「ページぜんぶ開きたい」というニーズがあるようなので、今回の質問をいたしました。
その要件ならリンク先を一か所にまとめてマークアップするだけで十分だと思います。
HTML
1<ul> 2 <li><a href="http://design-plus1.com/tcd-w/2014/10/wp_canvas_shortcodes.html">様々なコンテンツを簡単に記事に埋め込めるプラグイン「WP Canvas – Shortcodes」 | ワードプレステーマTCD</a></li> 3 <li><a href="http://www.nishi2002.com/16620.html">固定ページや投稿の一覧を簡単にグリッドにレイアウトできる「WP Canvas」 | 西沢直木のIT講座</a></li> 4 <li><a href="http://ryus.co.jp/blog/wp-canvas-shortcodes/">画像を横並びで表示する時に便利なプラグイン WP Canvas – Shortcodes | RYUS blog</a></li> 5</ul>
Re: matsuzakaq さん
投稿2016/10/26 08:53
編集2016/10/26 09:52総合スコア18156
0
ベストアンサー
html
1<a href="#" onClick="window.open('http://google.com');window.open('http://yahoo.co.jp');window.open('http://nifty.com');return false;">すべて</a>
こんな感じでしょうか
投稿2016/10/26 08:55
総合スコア1689
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/10/26 09:11
2016/10/26 09:12
2016/10/26 09:15
退会済みユーザー
2016/10/26 09:15
退会済みユーザー
2016/10/26 09:17
0
think49さんがおっしゃられているように、多重ウィンドウオープンは最近のブラウザではほぼブロックされます。
ブロックの解除をユーザーが設定すれば可能ではありますが。
一応、コードとしてはこんな感じで実現出来ます。
HTML
1<html> 2<head> 3<script> 4function openLink() { 5 window.open('http://google.co.jp', 'google'); 6 window.open('http://yahoo.co.jp', 'yahoo'); 7 window.open('http://msn.co.jp', 'msn'); 8} 9</script> 10</head> 11<body> 12<a href="javascript:void(0)" id="openLink" onClick="openLink()">link</a> 13</body> 14</html>
投稿2016/10/26 08:57
総合スコア5405
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/10/26 09:13
0
html
1<a href="#" onclick="return somewindowopen();">a</a>
javascript
1function somewindowopen() { 2 window.open("http://www.yahoo.co.jp/", "_blank"); 3 window.open("https://www.google.co.jp/", "_blank"); 4 window.open("https://teratail.com/", "_blank"); 5 return false; 6}
ただし、ブラウザによっては複数のウインドウを開くのは処理が止まるんじゃないですかね。
投稿2016/10/26 08:56
総合スコア686
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/10/26 09:08
2016/10/26 09:30 編集
退会済みユーザー
2016/10/26 09:33
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/10/26 09:05
2016/10/26 09:48 編集
退会済みユーザー
2016/10/26 09:51
2016/10/26 09:55
退会済みユーザー
2016/10/26 10:00