function GetOffsets2( testElement, originID ) {
// Get each element's X and Y, recurse and add to parent. Ultimately,
// return total X/Y offsets relative to specified origin, or the
var XsoFar = 0;
var YsoFar = 0;
while (testElement != null) {
if (originID == null) {
// assume we want coordinates relative to the tag
if (testElement.tagName == 'body') {
alert ("stopping at element '" + testElement.tagName + "'");
// this is the origin element, return the offsets we've collected
break;
}
} else {
// reckon relative to the specified element
if (testElement.id == originID) {
///alert ("stopping at element '" + testElement.tagName + "'");
// this is the origin element, return the offsets we've collected
break;
}
}
// this is another element in the chain, add its offsets and keep going
XsoFar += testElement.offsetLeft - testElement.scrollLeft;
YsoFar += testElement.offsetTop - testElement.scrollTop;
var newXdelta = testElement.offsetLeft - testElement.scrollLeft;
var newYdelta = testElement.offsetTop - testElement.scrollTop;
///alert( "adjusting for a " + testElement.tagName + " (" + newXdelta + ", " + newYdelta + ")" );
testElement = testElement.offsetParent;
}
// return global (page) coordinates relative to found origin (or the )
return {X:XsoFar, Y:YsoFar};
}
function setMenuPosition(){
var reference = document.getElementById('mainBackground');
var target = document.getElementById('iconmenu');
var triggerOffsets = GetOffsets2(reference);
target.style.left = triggerOffsets.X + 555 + document.body.scrollLeft;
target.style.top = triggerOffsets.Y + 35 + document.body.scrollTop;
reference = document.getElementById('mainText');
if(reference != null){
if(reference.offsetHeight < 200){
reference.style.height = "200px";
}
}
//target.style.display = 'block';
target.innerHTML = '';
}
onresize = setMenuPosition;