- ベストアンサー
HTMLでの画面の大きさを変え方
HTMLかJAVAスクリプトのタグがプログラムで画面のＰＣの画面中央くらいに画面の４分の１くらいのサイズでHTML画面を表示させたいのですがどうすればいいのでしょうか？ どのようなタグを埋め込めばいいか教えてください。 あともしわかればでいいのですが、画面内でボタンをつくりそのボタンを押すと次のページにいくようにしているのですが、このとき別ウインドウで表示させたいのですがそのプログラムかタグをしっているかたがいましたら教えてください。 初心者で困っています。いろいろ聞いてすいません。。
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんばんは。 ちょっと初心者にはハードルが高いかもしれません。 というのは、ウィンドウサイズは自由に変更できますが、「画面の中央」に、「画面の１／４サイズ」で表示させるには、そのユーザーの画面解像度を調べなければいけません。 つまりですね、使ってるパソコンによって、表示される「実寸（定規で測ったと思ってください）」が違うのです。 だから、相手の画面解像度を取得し、その数値を元に４分の１になるようにウィンドウサイズを変更する、ということです。 中央に表示するのはその応用でして、画面解像度から、中央の「位置」をピクセル単位で割り出して、表示させるってこと。 ややこしいでしょう？ こちらのページを参考に作ってみましょう。 http://www.openspc2.org/reibun/javascript/ これに比べてリンクは簡単。 別ウィンドウでリンクを開くには、<A>タグにターゲットを追加します。 例えば、 <a href="./page02.html">だとしたら、 <a href="./page02.html" target="_blank"> とするのです。
その他の回答 (1)
- gura_
- ベストアンサー率44% (749/1683)
JAVAスクリプトを使えば、希望に適うかと思います。 例えば、次のように書けば、ボタンをクリックすると win.html が左から100ピクセルで幅300高さ200のウインドが開きます。 <HTML> <HEAD> <TITLE>open-window</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!--- function wopen(){ window.open("win.html","WindowOpen", "toolbar=yes,location=yes,directories=no,status=yes,menubar=yes,scrollbars=yes,resizable=yes,left=100,width=300,height=200") } //---> </SCRIPT> </HEAD> <BODY> *小さいウィンドウを開く<br><br> left:100 W:300 H:200<br><br> <FORM> <INPUT TYPE="button" NAME= "Type5" VALUE="小ウィンドウを開く" onClick="wopen()"> </FORM> </BODY> </HTML> さらに詳しくは、とほほさんのページを参考にアレンジしてください。↓ http://tohoho.wakusei.ne.jp/js/window.htm#OpenPage
お礼
お早いご解答ありがとうございました。参考にさせていただきたいと思います。
お礼
ＵＲＬ参考になりました。ありがとうございました。
補足
早いご解答ありがとうございます。どうやら中央というのはむずかしいようですね。どこでもよいのですがとにかく小さいサイズで表示できれば問題ないです。