Pulldown menu blocks my popup menu

[George123]

Hello Everyone,

I have a selection pulldown menu which blocks my javascript popup menu. It looks like pulldown menu layer lay over my popup menu layer. Is there any way to solve this problem? Thanks in advance.

[HTML]

how about a link.

[George123]

Dave, I am not able to give a link at this moment since I am working on my test server.

[Enigma]

How about posting some code then? It's kind of hard to diagnose the problem blind.

[George123]

Enigma,

Code itself is really normal. Just some code to generate popup menu and pulldown menu. It works fine with ns6 but not in IE6. In fact, it works in IE also except the selection box layover the popup menu. I guess it's just IE's property that pulldown menu layer has a higher priority to show up than popup menu layer. The following is some code, thanks for your help.


Popup menu:

<td width="30%">
<ilayer>
<layer visibility=show>
<div class=wrap1>
<span class=wrap2 onClick="dropit(event, 'dropmenu0');event.cancelBubble=true;return false"><font face=Verdana><b><a href="alternate.htm" onClick="if(ns4) return dropit(event, 'document.dropmenu0')">General Information</a></b></font>
</span>
</div>
</layer>
</ilayer><br>
</td>


Pulldown menu:

<select NAME=APTYPE>
<OPTION VALUE=10>--- Select Application Type ----</OPTION>
<OPTION>Error: System offline</OPTION>
</select>

[QuietDean]

Try setting both elements to have a z-index value, with the element you wish on top having a higher z-index.

This might, however, I distrust Internet Explorers capabilities when it comes to ilayers.

[George123]

QuietDean,

Thank you. Z-index does not work. I checked microsoft webpage. My problem is the exact microsoft "designed" way. I have to figure out some work around solution for my problem. Thank you ALL for your help.

[Boydski]

Here's a simple function I've written to help me get over this IE bug. Just stick it in at the beginning of your onclick event in your code above and you should be good to go.

function changeDisplay(as_display)
{
// Hide the drop downs so they don't show through the pop up window.
var lobj_collection = document.getElementsByTagName("SELECT");

for (var i = 0; i < lobj_collection.length; i++)
lobj_collection(i).style.display = as_display;
}

[Boydski]

Oh...sorry....pass in either "none" or "inline" as your parm options.

[George123]

Boydski,

Thank you. This is the only way to work around this problem. Microsoft probably leaves this bug unfixed on purpose. They encourage people to use Popup object to do this kind of job but popup object only works in IE5.5+. Thanks all for your help!