Drop down menu hides combo box

[surirohan]

hi...

in my application we have a header listing the main menus

Maintenance, Reports, Enquiry etc.

In eeach heading is a sub headng... For maintenance it is code, holiday etc.

on moving the mouse over the main heading the sub headings are listed vertically...

the problem is .. if on a particular page there are any combo boxes that are in the same area as the dropped headings, the headings hide in the back.. and the combo box is dispayed.

I need to change tis functionality so that the heading always remains on top.. hiding the combo boxes..

but i have asked around.. and it seems that this is a limitaiton of javascript..

is it really a limitation ???

is there no way around it ?..

i cant re -align my combo boxes and i need the sub menus to drop down vertical only

any ideas ?

[Khalid Ali]

As of now this is a limitation, I am hoping soon browser providers will take care of this issue though.
Here is a work around it (http://www.webreference.com/programming/javascript/form/)

[Xin]

take a look at another workaround without touching your combo boxes:
menu over combo-box/flash/applet (http://www.yxscripts.com/menuG5/examples/form.html)

there is an iframe under each level of the menus, same size but lower z-index and set to transparent via ie filter.

if you code the menu by yourself, you can consider adding the iframe workaround which works for ie5.5+. if you need to support ie5 and ie4, you would have to go with Khalid Ali's solution.

thx,

[fredmv]

http://www.dotnetjunkies.com/weblog/jking/posts/488.aspx