I have an application that I inherited from a programmer who is no longer
here. It is an employee seating chart. The app has a floor plan showing the
different office space. In the office spaces there are employee names.

I have been asked to create functionality that will display a picture of
the employee when the mouse hovers over the employee name. I have done this.


Now the problem, when the image is displayed it should cover (hide) everything
that is beneath the image. However, when an image is displayed, any name
of an employee that is in the area that the image is covering shows through
the image.

I have tried to change the z-index dynamically but with no success. I have
tried other solutions but with no success.

Any help would be greatly appreciated.

Here is my code:


<script>
function showEmployee(id) {
document.getElementById(id).style.zIndex = 15000;
document.getElementById(id).style.display = "block";
}
function hideEmployee(id) {
document.getElementById(id).style.zIndex = 1;
document.getElementById(id).style.display = "none";
}
</script>


<DIV NOWRAP class="floorlocationcode" UNSELECTABLE="on" onmouseover="showEmployee('<%=rs("timekeeperid")%>');
this.className='dragDivlocation';" onmouseout="hideEmployee('<%=rs("timekeeperid")%>');
this.className='floorlocationcode';" id="FloorObject_<%=rs("ObjectID")%>"
style = "Color:<%=rs("Color")%>; position : absolute; top:<%=(nYposition*parseFloat(sScaleFactor))%>px;
left:<%=(rs("XPosition")*parseFloat(sScaleFactor))%>px; z-index : <%=zindex%>;"><img
height="16" width="16" src="<%=imagename%>"><BR>
<%=rs("Name")%>
<DIV id=<%=rs("timekeeperid")%> style="display:none; position:absolute;
top:0px; left:0px; z-Index:<%=zindex%>;">
<table bgcolor=#f3f7cd border=0 cellpadding=0 cellspacing=0>
<tr>
<td><img src="D:\Projects\Andrews&Kurth\emac2002b\Floorplan Manager\photos\0<%=rs("timekeeperid")%>.jpg"
width=100 height=100/>
<td>
</tr>
<tr>
<td NOWRAP><font size=-4>&nbsp;<%=rs("name")%></font>
</tr>
<tr>
<td NOWRAP><font size=-4>&nbsp;<%=rs("title")%> - <%=rs("PracticeAreaDesc")%></font>
</tr>
<tr>
<td NOWRAP><font size=-4>&nbsp;<%=rs("WorkPhone")%></font>
</tr>
<tr>
<td NOWRAP><font size=-4>&nbsp;<%=rs("emailaddress")%></font>
</tr>
</table>
</DIV>
</DIV>