Popup Menü - Website X5 Helpsite

<!--

function move_box(an, box) {

var cleft = 0;

var ctop = 0;

var obj = an;

while (obj.offsetParent) {

cleft += obj.offsetLeft;

ctop += obj.offsetTop;

obj = obj.offsetParent;

}

box.style.left = cleft + 'px';

ctop += an.offsetHeight + 8;

if (document.body.currentStyle &&

document.body.currentStyle['marginTop']) {

ctop += parseInt(

document.body.currentStyle['marginTop']);

}

box.style.top = ctop + 'px';

}

function show_hide_box(an, width, height, borderStyle) {

var href = an.href;

var boxdiv = document.getElementById(href); {

if (boxdiv.style.display=='none') {

move_box(an, boxdiv);

boxdiv.style.display='block';

bringToFront(boxdiv);

if (!boxdiv.contents.contentWindow)

boxdiv.contents.src = href;

} else

boxdiv.style.display='none';

return false;

}

boxdiv = document.createElement('div');

boxdiv.setAttribute('id', href);

boxdiv.style.display = 'block';

boxdiv.style.position = 'absolute';

boxdiv.style.width = width + 'px';

boxdiv.style.height = height + 'px';

boxdiv.style.border = borderStyle;

boxdiv.style.textAlign = 'right';

boxdiv.style.padding = '4px';

boxdiv.style.background = '#FFFFFF';

document.body.appendChild(boxdiv);

bringToFront(boxdiv);

var offset = 0;

var close_href = document.createElement('a');

close_href.href = 'javascript:void(0);';

close_href.onclick = function() {

show_hide_box(an, width, height, borderStyle);

}

close_href.appendChild(document.createTextNode('Close'));

boxdiv.appendChild(close_href);

offset = close_href.offsetHeight;

var contents = document.createElement('iframe');

//contents.scrolling = 'no';

contents.overflowX = 'hidden';

contents.overflowY = 'scroll';

contents.frameBorder = '0';

contents.style.width = width + 'px';

contents.style.height = (height - offset) + 'px';

boxdiv.contents = contents;

boxdiv.appendChild(contents);

move_box(an, boxdiv);

if (contents.contentWindow)

contents.contentWindow.document.location.replace (

href);

else

contents.src = href;

return false;

}

function getAbsoluteDivs() {

var arr = new Array();

var all_divs = document.body.getElementsByTagName("DIV");

var j = 0;

for (i = 0; i < all_divs.length; i++)

if (all_divs.item(i).style.position=='absolute') {

arr[j] = all_divs.item(i);

j++;

}

return arr;

}

function bringToFront(obj) {

if (!document.getElementsByTagName)

return;

var divs = getAbsoluteDivs();

var max_index = 0;

var cur_index;

for (i = 0; i < divs.length; i++) {

var item = divs[i];

if (item == obj ||

item.style.zIndex == '')

continue;

cur_index = parseInt(item.style.zIndex);

if (max_index < cur_index) {

max_index = cur_index;

}

}

obj.style.zIndex = 999;

}

//-->

<a class="Obj9_sub" href="wsX5Obj/Obj9_0/menu1.html" onclick="return show_hide_box(this, 270, 270, '2px solid')">

Popup 1 </a>

<a class="Obj9_sub" href="wsX5Obj/Obj9_0/menu2.html" onclick="return show_hide_box(this, 270, 270, '2px solid')">

Popup 2 </a>

<a class="Obj9_sub" href="wsX5Obj/Obj9_0/menu3.html" onclick="return show_hide_box(this, 270, 270, '2px solid')">

Popup 3 </a>

<a class="Obj9_sub" href="wsX5Obj/Obj9_0/menu4.html" onclick="return show_hide_box(this, 270, 270, '2px solid')">

Popup 4 </a>

width: 120px;

background-color: #EEF6E8;

border: 2px solid #7C6031;

padding: 7px;

border-radius: 5px;

margin-right: 20px;

}