Thanks for the reply but I cant get your sample to work.
Error: Expected '{'
"Stephen Chalmers" <ignoring@lycos.co.uk> wrote in message
news:42017c4e$1_2@mk-nntp-2.news.uk.tiscali.com...[color=blue]
> Jake <spamthis@alltel.net> wrote in message
> news:jq4Md.89$8M.58@fe10.usenetserver.com...[color=green]
>> 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[/color]
> ID[color=green]
>> 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<%=rs("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:hidden">
>>
>> Thanks in advance!
>>
>>[/color]
> 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;visibility:visible;">Popup text
> layer</DIV>
> <DIV onmouseover='toTop("popup",true,100)'
> onmouseout="toTop('popup',false,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,false==hide, z==z index
> {
> var lref;
>
> if(document.getElementById && (lRef=document.getElementById(layer)))
> {
> lRef.style.visibility=action?'visible':'hidden';
> lRef.style.zIndex=z;
> }
> }
> </script>
> </html>
>
>
>
> --
> S.C.
>
http://makeashorterlink.com/?H3E82245A
>
>
>[/color]
