めも帖

「めも帖」代わりにダラダラと書いていったり、めもしたりしているだけです。

指定したElementを画面中央に表示するJavaScript

指定したElementを画面中央に表示するJavaScript
prototype.js使ってます。
こんな感じでいいのかな?

function screenInfomation(){
	var screen = new Object();

	screen.width     = document.body.clientWidth  || document.documentElement.clientWidth;    // 横幅
	screen.nowHeight = document.documentElement.clientHeight;    // 現在表示している画面の高さ
	screen.height    = document.body.clientHeight || document.body.scrollHeight;    // 画面の高さ
	screen.x = document.body.scrollLeft || document.documentElement.scrollLeft;    // 横の移動量
	screen.y = document.body.scrollTop || document.documentElement.scrollTop;      // 縦の移動量

	return screen;
}

// 
function elementIsCenter(id){
	var screen = screenInfomation();
	var obj    = Element.getDimensions( $(id) );

	$(id).style.left = (screen.width/2) - obj.width/2 + 'px';
	$(id).style.top  = (screen.nowHeight/2 + screen.y) - obj.height/2 + 'px';
}