ちょっと、うまくできないので質問させていただきます。
2つ質問させていただきます。
1)
現在、javascriptを使用して、新しいウィンドウを表示させています。
その際に、ウィンドウの大きさを指定しているのですが、そのウィンドウの
大きさを、スクリーンの大きさによって、変えたいのです。
スクリーンの大きさと言っているのは、画像解像度によって画面の中に
収まる大きさが違いますよね?
なので、どんな人でも、一画面の中にページを表示させたいのです。
現在こんな感じで書いているのですが、うまくいきません。
var win_width= screen.width*0.9; //画面の横幅
var win_height = screen.height*0.9; //画面の縦幅
newwin = window.open("aaa.html", "win", "width=win_width,height=win_height,menubar=no,location=no,status=no");
上記は、画面の大きさの9割で一画面で表示させたいと思っています。
何か、間違いやアドバイスがあればよろしくお願いします。
2)
また、その新しく表示させたウィンドウを画面の中央に表示させたいと
思っています。
newwin.moveTo(0,0);
上記で、左上に配置は、できるのですが、中央となると人によって違うので、
どのような考え方をしたらよろしいでしょうか?
アドバイスよろしくお願いします。
No.2ベストアンサー
- 回答日時:
(2)
---- ソース開始 ----
<script>
var win_width= screen.width*0.9; //画面の横幅
var win_height = screen.height*0.9; //画面の縦幅
scr_yohaku_width = (screen.width - win_width)/2; //左右の余白
scr_yohaku_height = (screen.height - win_height)/2; //上下の余白
newwin = window.open("about:blank", "win", "width="+win_width+",height="+win_height+",menubar=no,location=no,status=no");
newwin.moveTo(scr_yohaku_width,scr_yohaku_height);
</script>
---- おわり ----
(タイトルバーやウインドウの枠関係は無視することとします。)
ここまで、丁寧に書いていただいて、ありがとうございます。
ほとんど、そのまま使わせていただきました。
inoue64さんだけだったので、こっちだけを
良回答にさせていただきます。
ほんとに、ありがとうございました。
No.1
- 回答日時:
(1)
誤:newwin = window.open("aaa.html", "win", "width=win_width,height=win_height,menubar=no,location=no,status=no");
win_width と win_height は変数なので、
正:newwin = window.open("about:blank", "win", "width="+win_width+",height="+win_height+",menubar=no,location=no,status=no");
とする必要があります。
参考URL:http://tohoho.wakusei.ne.jp/js/
ありがとうございます。
基本を知らないのに、サンプルとか見ていじくるから
こういう事になりました^^;;
ちゃんと基本も勉強いたします。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- Visual Basic(VBA) 【VBA】写真の貼り付けコードがうまく機能しません。 5 2022/09/01 18:43
- その他(プログラミング・Web制作) Pythonによる物理の斜方投射の位置座標表示について 2 2023/06/05 12:46
- その他(プログラミング・Web制作) pythonで、tkinterとpillowの組み合わせ 2 2022/08/16 17:42
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- その他(動画サービス) VLCメディアプレーヤーについて 1 2022/11/29 14:19
- Excel(エクセル) Excel2019 マクロを使用し画像を貼り付けした際のリンク切れについて 2 2022/11/15 16:14
- PowerPoint(パワーポイント) ExcelのVBAコードについて教えてください。 3 2022/05/25 14:32
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
SQLのWHEREで全てを質問する方法
-
window.open オートコンプリー...
-
小窓を表示する時に、必ず右上...
-
町内会での不倫
-
IF文で該当の処理を通らない
-
window.openでフルスクリーン表...
-
htmlファイルを開いた時の画面...
-
イメージマップからのウインド...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
フォーカス移動抑止について
-
スマホ上で、左右スワイプで次...
-
JavaScriptでiframeの内容を「...
-
SCRIPT5007: 未定義または NULL...
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
base64encodeでの文字化けについて
-
JavaScript でキーを送る
-
javascriptからウィンドウを開...
-
getElementsByNameで要素が取得...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
新しいウィンドゥを最大化で立...
-
SQLのWHEREで全てを質問する方法
-
htmlファイルを開いた時の画面...
-
window.openでフルスクリーン表...
-
小窓を表示する時に、必ず右上...
-
window.openで404エラーがでます
-
ウィンドウサイズを変更するには?
-
外部からのjs呼び出しについて。
-
window.openの後にエンコードを...
-
javaでサムネイルをクリックし...
-
エクセルファイルをIE のウィン...
-
Canvasを使って描画して面積取得
-
町内会での不倫
-
IF文で該当の処理を通らない
-
ブックマークレット target指定
-
サブウインドウの高さを自動で...
-
モニターサイズによるページ振...
-
JAVAでリンクボタンを作成して...
-
IEのタイトル変更方法について
-
文字をクリックすると 小窓が開く
おすすめ情報