Aページのaボタンをクリックし、別ウィンドウでBページを開きます。
現在ソース修正できるのはBページのみです。
Bページのウィンドウを幅指定して開くことは可能でしょうか。
ご教授いただけますでしょうか。よろしくお願いいたします。
HTML
1Aページ A.html 2 3<a href="B.html" target="_blank">aボタン</a>
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
回答3件
0
ベストアンサー
window.resizeTo
Aページのaボタンをクリックし、別ウィンドウでBページを開きます。
現在ソース修正できるのはBページのみです。
Bページのウィンドウを幅指定して開くことは可能でしょうか。
Firefox 7 より、Web サイトは以下の規則に従う場合のみしかブラウザウィンドウの初期サイズを変更する事が出来なくなりました。
- window.open で作成されたウィンドウ(またはタブ)しかリサイズ出来ません。
- ウィンドウが複数のタブを持つ場合、ウィンドウ(またはタブ)のリサイズは出来ません。
従って、<a href="B.html" target="_blank">
によって開かれるタブを単一ウインドウとしてリサイズすることは出来ません。
CSSOM View Module
私は本件で仕様を追いかけるつもりはありませんが、より厳密に調べるのであれば、CSSOM View Moduleを参照し、
"allowed to resize and move" が成立する条件を一つ一つ調べて下さい。
Re: flyingHigh さん
投稿2018/07/28 23:52
総合スコア18156
0
こんな感じならできます。
A.html と B.htmlを作ってA.htmlがindexになります。
html
1//A.html 2<!DOCTYPE html> 3<html lang="ja"> 4<head> 5<meta charset="utf-8"> 6<title>Sample</title> 7<script> 8function sample(){ 9 var object = window.open('./B.html', '_blank', 'width=600,height=400'); 10} 11</script> 12</head> 13<body> 14 <input type="button" value="サンプルBを表示する" id="btn1" onclick="sample();"> 15</body> 16</html>
html
1//B.html 2<!DOCTYPE html> 3<html> 4<head> 5<title>サンプルB</title> 6<script type=”text/JavaScript”> 7 window.open.resizeTo(800,600px); 8</script> 9</head> 10<body> 11 <p>サンプルBの内容</p> 12</body> 13</html>
投稿2018/07/28 16:53
編集2018/07/28 16:55総合スコア46
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
0
実行できるかはブラウザの環境にもよる可能性がありますが、
以下が実現したいことに近いのではないでしょうか?
HTML
1<script> 2function clickButton() { 3 window.open("B.html", "", "width=500, height=400"); 4} 5</script> 6 7<a onclick="clickButton()" href="javascript:void(0)">aボタン</a>
しかしIEでは動くと思いますが、Chrome等ではJavaScriptで別ウィンドウで開くことが禁止されていますので、別タブで開かれてしまう仕様です。
投稿2018/07/28 01:03
編集2018/07/28 01:04退会済みユーザー
総合スコア0
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/29 04:03