Jake <sp******@allte l.net> wrote in message
news:jq******** ****@fe10.usene tserver.com...
What would be the correct syntax for setting the z-index of a layer
OnMouseOver?
I have a mouseover action on a visible layer which displays a popup info
layer but it gets displayed behind other visible layers depending on its
ID which I beleive is inherited from its parent. I need the popup layer to
display in front of everything on the page when activated.
<DIV ID="popinfo<%=r s("ID") %>" STYLE="padding: 0px; border:1px solid
#000000; position: absolute; width: 300px; height: 220px; left: 36px;
top: -1px; z-index: <%=rs("ID") %>" ; background-color:#2D5B8E;
visibility:hidd en">
Thanks in advance!
It's better to simplify the syntax by writing a function to do the job.
Here's an example using two simple layers. I chose to style the popup
initially visible.
<html>
<head>
</head>
<body>
<DIV id='popup' style="position :absolute;left: 100px; top:50px;
background-color:#ffff00;z-index:0;visibil ity:visible;">P opup text
layer</DIV>
<DIV onmouseover='to Top("popup",tru e,100)'
onmouseout="toT op('popup',fals e,0)" id='perm'
style="position :absolute;left: 50px; top:55px;
background-color:#ff0000;z-index:1">The Permanent Layer</DIV>
<script type='text/javascript'>
function toTop(layer, action, z) // layer== id of div, action:
true==show,fals e==hide, z==z index
{
var lref;
if(document.get ElementById && (lRef=document. getElementById( layer)))
{
lRef.style.visi bility=action?' visible':'hidde n';
lRef.style.zInd ex=z;
}
}
</script>
</html>
--
S.C.
http://makeashorterlink.com/?H3E82245A 
