center infobox on screen
This commit is contained in:
parent
991ee9e2b5
commit
c38c2b69c9
17
functions.js
17
functions.js
|
@ -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";
|
||||||
|
|
||||||
|
}
|
||||||
|
|
2
prefs.js
2
prefs.js
|
@ -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";
|
||||||
}
|
}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue