center infobox on screen

This commit is contained in:
Andrew Dolgov 2006-03-20 12:24:34 +01:00
parent 991ee9e2b5
commit c38c2b69c9
3 changed files with 20 additions and 5 deletions

View File

@ -868,3 +868,20 @@ function leading_zero(p) {
if (s.length == 1) s = "0" + s; if (s.length == 1) s = "0" + s;
return s; return s;
} }
function center_element(e) {
var c_width = document.body.clientWidth;
var c_height = document.body.clientHeight;
var c_scroll = document.body.scrollTop;
var e_width = e.clientWidth;
var e_height = e.clientHeight;
var set_y = (c_height / 2) + c_scroll - (e_height / 2);
var set_x = (c_width / 2) - (e_width / 2);
e.style.top = set_y + "px";
e.style.left = set_x + "px";
}

View File

@ -149,11 +149,11 @@ function infobox_callback() {
if (xmlhttp.readyState == 4) { if (xmlhttp.readyState == 4) {
var box = document.getElementById('infoBox'); var box = document.getElementById('infoBox');
var shadow = document.getElementById('infoBoxShadow'); var shadow = document.getElementById('infoBoxShadow');
if (box) { if (box) {
box.innerHTML=xmlhttp.responseText; box.innerHTML=xmlhttp.responseText;
if (shadow) { if (shadow) {
shadow.style.display = "block"; shadow.style.display = "block";
center_element(shadow);
} else { } else {
box.style.display = "block"; box.style.display = "block";
} }

View File

@ -554,11 +554,9 @@ div.helpResponse {
#infoBoxShadow { #infoBoxShadow {
background-image : url("images/shadow.png"); background-image : url("images/shadow.png");
position : absolute; position : absolute;
margin-left : 30%;
width : 30%; width : 30%;
z-index : 3; z-index : 3;
display : none; display : none;
top : 30%;
} }
div.infoBoxContents { div.infoBoxContents {