76 lines
2.1 KiB
JavaScript
76 lines
2.1 KiB
JavaScript
|
function absPosition(obj) {
|
||
|
|
var x = y = 0;
|
||
|
|
while(obj) {
|
||
|
|
x += obj.offsetLeft;
|
||
|
|
y += obj.offsetTop;
|
||
|
|
obj = obj.offsetParent;
|
||
|
|
}
|
||
|
|
return {x : x, y : y};
|
||
|
|
}
|
||
|
|
|
||
|
|
function ShowThing(obj, xshift, yshift, txt, left) {
|
||
|
|
if(left == 1) {
|
||
|
|
var xxx = 1;
|
||
|
|
} else {
|
||
|
|
var xxx = 0;
|
||
|
|
}
|
||
|
|
DDD = setTimeout(function() {
|
||
|
|
ShowThingMain(obj, txt, xshift, yshift, xxx);
|
||
|
|
}, 300);
|
||
|
|
}
|
||
|
|
|
||
|
|
function ShowThingMain(obj, txt, xshift, yshift, xxx) {
|
||
|
|
var img_x = absPosition(obj).x;
|
||
|
|
var img_y = absPosition(obj).y;
|
||
|
|
if(xxx == 1) {
|
||
|
|
img_y = img_y+yshift;
|
||
|
|
img_x = img_x-60-xshift;
|
||
|
|
} else {
|
||
|
|
img_y = img_y+yshift;
|
||
|
|
img_x = img_x+xshift;
|
||
|
|
}
|
||
|
|
if(document.getElementById("thing_")) {
|
||
|
|
document.getElementById("thing_").style.display = 'block';
|
||
|
|
} else {
|
||
|
|
var divTag = document.createElement("div");
|
||
|
|
divTag.id = "thing_";
|
||
|
|
divTag.style.position = "absolute";
|
||
|
|
divTag.style.zIndex = 9;
|
||
|
|
divTag.style.border = "1px solid black";
|
||
|
|
divTag.style.top = img_y + "px";
|
||
|
|
divTag.style.left = img_x + "px";
|
||
|
|
divTag.style.backgroundColor = "#ffffe1";
|
||
|
|
divTag.style.minWidth = "100px"
|
||
|
|
divTag.style.maxWidth = "400px";
|
||
|
|
divTag.style.paddingLeft = "5px";
|
||
|
|
divTag.style.paddingRight = "5px";
|
||
|
|
divTag.style.paddingTop = "2px";
|
||
|
|
divTag.style.paddingBottom = "2px";
|
||
|
|
divTag.style.boxShadow = "5px 5px 5px black";
|
||
|
|
divTag.style.boxShadow = "5px 5px 10px rgba(0,0,0,0.5)";
|
||
|
|
divTag.style.MozBoxShadow = "5px 5px 10px rgba(0,0,0,0.5)";
|
||
|
|
divTag.style.WebkitBoxShadow = "5px 5px 10px rgba(0,0,0,0.5)";
|
||
|
|
if(xxx == 1) {
|
||
|
|
divTag.style.borderRadius = "5px 0px 5px 5px";
|
||
|
|
divTag.style.MozBorderRadius = "5px 0px 5px 5px";
|
||
|
|
divTag.style.WebkitBorderRadius = "5px 0px 5px 5px";
|
||
|
|
} else {
|
||
|
|
divTag.style.borderRadius = "0px 5px 5px 5px";
|
||
|
|
divTag.style.MozBorderRadius = "0px 5ipx 5px 5px";
|
||
|
|
divTag.style.WebkitBorderRadius = "0px 5px 5px 5px";
|
||
|
|
}
|
||
|
|
divTag.style.lineHeight = "10px";
|
||
|
|
divTag.style.fontSize = "9px";
|
||
|
|
divTag.className ="dynamicDiv";
|
||
|
|
divTag.innerHTML = txt;
|
||
|
|
document.body.appendChild(divTag);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function HideThing(obj) {
|
||
|
|
try {
|
||
|
|
document.body.removeChild(document.getElementById("thing_"));
|
||
|
|
} catch(err) {
|
||
|
|
clearTimeout(DDD);
|
||
|
|
}
|
||
|
|
}
|