ウィンドウの表示位置

解決済

質問者：nsi2xpz
質問日時：2005/06/30 23:46
回答数：2件

やり方ありますか？
a.htmlをジャバスクリプトで、ステータスバーなどすべて消した状態で、画面中央に表示させます。そして、次に、a.htmlの中にあるアイコンで、b.htmlに変わり、b.htmlは表示位置が左上に変わる。
（ここまではやり方が分かっています）
悩んでいるのは、ここからなのですが、b.htmlの中にあるアイコンを押すと、a.htmlに移り、同時に、表示位置が画面中央に戻る。。。
そんな都合のよいやり方ありますか？　困っています。やり方があるのでしたらぜひお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： EUR
回答日時：2005/07/01 11:04

画面の広さと、ウィンドウの広さからセンターを割り出してあげます。

画面の広さはscreen.width, screen.heightで取得できます。
ウインドウの広さは
IEの場合
document.body.clientWidth, document.body.clientHeightです
NNの場合
window.innerWidth, window.innerHeightです

センターに持ってい来るときのウィンドウの左上の点は
(画面の広さ　－　ウインドウの広さ)　/ 2
で求めます。

以下例を載せます。
（※）ウインドウの幅と高さの取得はIEとNNのみで動作します。モジラ、オペラ等は動作しませんので、a.html側もあえて動作させないようにしています。

---a.html---
<HTML>
<head>
<script type="text/javascript">
function MoveToUpperLeft() {
　　if((document.all) || (document.layers)){
　　　　this.window.moveTo(0, 0);
　　}else{
　　}
　　this.location.href = "b.html";
}
</script>
</head>
<body>
<img src="bを開く.gif" alt="b.htmlへリンク" onClick="MoveToUpperLeft()">
</body>
</HTML>

---b.html---
<HTML>
<head>
<script type="text/javascript">
function MoveToCenter() {
　　if(document.all){
　　　　MoveX = (screen.width - document.body.clientWidth) / 2;
　　　　MoveY = (screen.height - document.body.clientHeight) / 2;
　　　　this.window.moveTo(MoveX, MoveY);
　　}else if(document.layers){
　　　　MoveX = (screen.width - window.innerWidth) / 2;
　　　　MoveY = (screen.height - window.innerHeight) / 2;
　　　　this.window.moveTo(MoveX, MoveY);
　　}else{
　　}
　　this.location.href = "a.html";
}
</script>
</head>
<body>
<img src="aを開く.gif" alt="a.htmlへリンク" onClick="MoveToCenter()">
</body>
</HTML>

- 0
- 件

通報する

No.1

回答者： bob_n
回答日時：2005/07/01 00:01

多分、

fucus() 　ウィンドウにフォーカスをあて、前にする。
blur()　　ウィンドウのフォーカスをはずし、後ろにする。
onfocus=　ウィンドウにフォーカスをあたった。
onblur=　　ウィンドウのフォーカスが外れた。
moveBy(x,y) 　ウィンドウの座標をx,yにする
moveTo(x,y) ウィンドウをx,yだけ動かす。
が使えると思います。