[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 188
  • Last Modified:

Problem with javascript drop-down menu and forms...

On the top of my web page I have got a menu written in Javascript, that when the mouse moves on it some drop down submenus appear. On the same web page I have got some Input boxes, Buttons, SELECT drop-down boxes, etc.

The problem is that when my menu expands when the mouse is over it, if underneath I have got an input box let say, or a <SELECT> control, then the menu goes under it, instead of appearing on top of it.

The menu I am using you can find at http://www.regate.gr (see the menu at the top of the page, sorry for the Greek)!!!!

Any ideas on how to fix this?
0
dinosaurus
Asked:
dinosaurus
  • 4
1 Solution
 
VirusMinusCommented:
The select (and other form controls) have a z-index of infinty.  That means they will always be on top.

There is no straightforward way of getting your menu over form elements.

A workaround is to hide your form elements when the menu comes out.
0
 
VirusMinusCommented:
0
 
VirusMinusCommented:
another workaround is to use iframes, but this can get pretty complex.

Last is to position your menu's in such a way that they don't overlap the form controls
0
 
dinosaurusAuthor Commented:
Is there another way of implementing this menu? E.g. another kind of menu I can install, that will not have these kind of problems? If so, please send me the code, or direct me to some code I can use....

Thanks
0
 
VirusMinusCommented:
Sorry dinosaurus, but there is no menu that i know of that can go on top of form elements cross browser.
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now