JavaScriptで小窓を表示させています。
<script language="JavaScript">
<!--
function open01(){window.open"stop.htm","01",
"toolbar=0,location=0,directories=0,status=1,
menubar=0,scrollbars=0,resizable=0,top=250,
left=240,width=300,height=100");}
//-->
</script>
上のようにtopとleftを指定してwindowを画面の中央に
表示するようにしたのですが、中央に表示されるのは
800x600ピクセルの場合で、1024x768ピクセルだと中央
からずれてしまいます。どの解像度でも中央に表示する
方法はありますか?

A 回答 (2件)

window.screen.heightとwindow.screen.widthで画面のサイズを取得すれば、可


能ですよ。

例えば、この例の場合だと、
"top=250,left=240,width=300,height=100"
の部分を、
"top="+((window.screen.height-100)/2)+",left="+((window.screen.width-300)/2)+",width=300,height=100"
とすれば、常に中央部に表示されますよ。
    • good
    • 0
この回答へのお礼

早速直してみたらできました。
どうもありがとうございました。

お礼日時:2001/12/21 16:48

こんにちはさん、xruzです。


以下のスクリプトで画面の大きさが判ります(All About Jpanより)。

//--スクリ-ンサイズ取得(高さ)
function getScreenHEIGHT(){
if(document.layers||document.all)
return screen.height //NN,IE共用
}
//--スクリ-ンサイズ取得(幅)
function getScreenWIDTH(){
if(document.layers||document.all)
return screen.width //NN,IE共用
}

がんばってくださいね(~:~i

参考URL:http://allabout.co.jp/computer/javascript/
    • good
    • 0
この回答へのお礼

quenistaさんの方法でできました。
でもアドバイスを頂き、ありがとうございました。

お礼日時:2001/12/21 16:50

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qtransform(-1, 0, 0, 1, 0,

HTML5 CANVASで
transform(-1, 0, 0, 1, 0, 0)
と書かれているコードがあるのですが、どういう意味でしょうか?

・特に第1引数が分かりません
・伸縮xが-1?

Aベストアンサー

引数は座標変換のマトリックスを表していますので、単純な伸縮率とはちょっと違うかと思いますが…
ご提示の引数は以下として処理されます。
 |-1 0 0|
 |0  1 0|
 |0  0 1|

結果的に、
 X'= -x
 Y'= y
に変換されることになりますので、Y軸に対する鏡像変換(ミラー)になるかと。

CANVASの解説は以下にありますのでご参考までに。
 http://www.html5.jp/canvas/ref.html
仕様書
 http://www.w3.org/TR/2dcontext/#transformations

Q&= ~0x0c; &= ~0x03; |=1;

JavaScriptで分からないコードがあるので教えてください。


■変数設定
var hoge = 0;


■変数格納
・キーを押した時の条件分岐
  ~なら hoge |= 1;
  または hoge |= 2;
  または hoge |= 3;
  または hoge |= 8;

・キーを離した時の条件分岐
  ~なら hoge &= ~0x0c;
  または hoge &= ~0x03;


■変数使用
・swithch文の条件分岐に利用
  (hoge&0x03)
  (hoge&0x0c)


■質問
・どういう意味でしょうか?
・文字コード?
・ビット演算?

Aベストアンサー

ビット演算してるわね

x = x + a

x += a
って書くことができるの

つまり
hoge |= 1

hoge = hoge | 1
のことね

~はNOTのこと

0x
はアスキーコードの16進数表記ねきっと

0x0c は改ページを意味していて
0x03 は文章の最後を意味している
と思われるわ
全文がないので推測だけど

Qonmouseover="this.className=をjsファイルにまとめて、指定する場所はid=menu1,2~....かclass=menuで統一したい

<div class="font1 bor1"
onmouseover="this.className=this.className+' bgcol txcol'"
onmouseout="this.className='font1 bor1'">
というものがあったとしてこれを
<div id="menu1・・・2・・・">だけにして
onmouseover=~をjsに略記できるようにしたいのですが
何かいい手はありませんか?

idで指定できる版のほかに
classで指定できる版があるとうれしいです。classだと難しいでしょうか?

また、こちらももしできればでいいのですが、this.classNameを
指定IDのclassName等もできるのでしょうか?

質問に不足があれば答えられる範囲で答えます。よろしくお願いします。

Aベストアンサー

もうひとつ、質問内容を把握できてませんが、
jQueryを使ったサンプルを。中身は
「font1」ってclassを持つ要素のマウスオーバーで
bgcol と txcol の二つのクラスを追加する。
マウスアウトで
bgcol と txcol の二つのクラスを取り除く。
です。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){

$('.font1').hover(function(){
$(this).addClass("bgcol");
$(this).addClass("txcol");
},function(){
$(this).removeClass("bgcol");
$(this).removeClass("txcol");
});

});
</script>

$('.font1') という部分を $('#font1') と書けば id="font1" の要素に対する設定になります。 

jQueryの解説、入手先等は
http://www.openspc2.org/JavaScript/Ajax/jQuery_study/index.html
とか、参考にしてください。

もうひとつ、質問内容を把握できてませんが、
jQueryを使ったサンプルを。中身は
「font1」ってclassを持つ要素のマウスオーバーで
bgcol と txcol の二つのクラスを追加する。
マウスアウトで
bgcol と txcol の二つのクラスを取り除く。
です。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){

$('.font1').hover(function(){
$(this).addClass("bgcol");
$(this).addClass("txcol");
},function(){
$(this).removeClass("bgcol");...続きを読む

Q

人気Q&Aランキング

おすすめ情報