Always on top, er det muligt

Desværre er det sådan, at visse html-elementer befinder sig på et helt anderledes plan end de øvrige, det typiske eksempel er select-boxe, men også object, embed m.v. vil altid ligge ovenpå alle andre elementer ...

'Løsningen' er at skjule de elementer, som kommer i vejen, ligesom f.eks. Eksperten gør det på kategori-oversigts-siderne ...

Dvs. ved hver udfoldning af et menupunkt skal man skjule alle de selects, som kommer i vejen:

<script type="text/javascript">
function getPos(elm) {
    for(var zx=zy=0,zw=elm.offsetWidth,zh=elm.offsetHeight;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
    return {x:zx,y:zy,w:zw,h:zh}
}

function hideShowSels(act,menuElm){
  var sels=document.getElementsByTagName('SELECT'),m=getPos(menuElm)
  for(i=0;sels.length>i;i++){
  p = getPos(sels[i]);
  if(p.x>m.x&&p.x<(m.x+m.w)&&p.y>m.y&&p.y<(m.y+m.h))sels[i].style.visibility = act;
  }
}
</script>

-- kaldes med:

hideShowSels('hidden', element-reference);

lukker