• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 696
  • Last Modified:

Hide Dropdownlist etc when overlaped

Hi

I have a menu inside a div , where all the texts and labels will hide behind the menu when scrolling down. The problem im facing right now is when there is a dropdownlist, instaed of hiding behind the menu, it floats infront of it. I know why it happened, but i do not know how to solve it.

Need help on this.

Thanks
0
crabbear
Asked:
crabbear
1 Solution
 
COBOLdinosaurCommented:
Select has a z-index of infinity.  It will always be on top.  If you serach the site you will find there is only viable solution, and that is to put it in a layer and hid the layer when it is in the way.

Or, you do a design change to eleminate the conflict of positons.

Cd&
0
 
sankarbhaCommented:
Or you can use the Gmenu5 from http://www.yxscripts.com/menuG5/index.html

Its a good one.
0
 
sankarbhaCommented:
It performs workaround using iframes and it takes care of the select box problems.  And this is a sample menu which is very much related to your problem in hand
http://www.yxscripts.com/menuG5/examples/form.html
0
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
crabbearAuthor Commented:
COBOLdinosaur :how do i hide the layer in this case?

sankarbha :the problem im facing is something like menu, but it's not a real menu. It exists in a datagrid (.net)

I just need something to hide the dropdownlist when menu(header) overlaps it

thanks
0
 
COBOLdinosaurCommented:
Put it in a layer like this so it can be referenced:
<div "thediv">
<select>
all you options
</select>
<div>

Then on the event that you get the interference add this line of code toth escript:

document.getElementById('thediv').style.visibility='hidden';

Then when the event is complete and you want to re display the select use:

document.getElementById('thediv').style.visibility='visible';


Cd&
0
 
jwyrickCommented:
Here is another example of using the iframe:

http://dotnetjunkies.com/WebLog/jking/archive/2003/10/30/2975.aspx
0
 
COBOLdinosaurCommented:
points to me IMHO.  

Cd&
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

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