Javascriptでウィンドウを真ん中に表示させたいんですけど…

質問

基本的なことでつまってます！
助けてください…。

まず、index.htmlをフルスクリーン表示させて、
次にon Loadで小窓(仮にindex2.htmlとします)をモニターの上下左右のちょうど真ん中に表示させたいんですが、
どの記述例を例をみても、よくわかりません…。
(無知なもので…)
index.html、またindex2.htmlにどのようにJavascriptを記述したらいいのでしょうか？
初心者なので、わかりやすく解説してほしいです！
お願いします。

回答No.3

kube · ベストアンサー

benikoさんこんにちは。
とりあえず以下のスクリプトをindex1に書けば可能です。
moveTo使うよりこっちの方が良いと思います。多分。

onload=openWin2;

function openWin2(){

X=440;Y=300;//表示するindex2のウインドウサイズ設定

WX=(screen.width-X)/2;//表示座標（横）を設定
WY=(screen.height-Y)/2;//表示座標（縦）を設定

window.open("index2.html","index2","left="+WX+",top="+WY+",width="+X+",height="+Y);//index2のウインドウサイズと表示位置を設定してウインドウ表示

}

お礼

えー…何度もつっこまれてしまいましたね(涙)
勉強不足ですみません。。。勉強になります！早速自分でやってみます！で、
ちなみに、JAVAってなんですか？？

回答No.5

kube

＃３および＃４のkubeです。

やっぱり誰もレスをつけない（られない？）ようなので、参考URLの辞書を御覧下さい。

参考URL：

http://e-words.jp/w/Java.html,http://yougo.ascii24.com/gh/

回答No.4

kube

#3です。

＞JAVAってなんですか

ぐあぁ…なんて説明すればいいんだろう…。
（詳しい方は私がなぜ困っているかを理解して微笑んでいるに違いない）

えーとですね、日本語がJAVAで手話がJavaScript、みたいな。＜もうボロボロ

詳しい方、わかるように上手く説明してあげてください。＜丸投げ

回答No.2

vespero

最初に言っておくとJavaとJavaScriptは別物です。

<a href="popup_full.html" onclick="window.open('popup_full.html', 'mywin',
'fullscreen=1'); return false;">Open in Full Screen</a>

これはフルスクリーンで開くリンクです。

<script type="text/javascript">
<!--
function popupCenter(url, name, width, height) {
var left = (screen.width - width) / 2;
var top = (screen.height - height) / 2;
var options = "left=" + left + ",top=" + top +
",width=" + width + ",height=" + height;
window.open(url, name, options);
}
//-->
</script>

これは小窓をセンタリングで開くやつです
（HEAD内に書きます）
BODY内には
onLoad="popupCenter('popup_center.html', 'mywin', 320, 240); return false;">Open Centering Window

でいけるのではないでしょうか？

ちなみにフルスクリーンのやつはWindowsでしか動作しないようです！

参考URL：

http://home.impress.co.jp/books/urawaza/tipsdic/sample100-129/index.html

お礼

ありがとうございます。
スミマセン…てっきり、おなじものかと思ってました(ハズカシイ!!)勉強します！
早速ためしてみますね。

回答No.1

noname#10926

参考ＵＲＬを見ても解りませんか？
解らなかったら基本から勉強した方がよいですよ。

なお、フルスクリーンは顰蹙（ひんしゅく）です。

参考URL：

http://www.openspc2.org/reibun/javascript/window/015/index.html

お礼

なんか…カテゴリ違いだったようで…
失礼しました。
参考にさせていただきます！