JAVASCRIPT: Layer vs. listbox problem ...

[bogu]

Hi there; simple question ... I have a layer that, when extended, appears under the dropdown listbox.

Is there any suggestion on how to make it appear overtop?

And does anyone know of a tutorial or something like yahoo mail or gmail have for the address book, when you start enter the email address to witch u want to send an email a layer appear with the all email addresses from your address book that contains what u entered into that field?

Thanks, any help is real appreciated …

[JPnyc]

You do this with the CSS z-index property. The element in question must be absolutely positioned for this property to have effect in IE.

[MarkR]

By "A layer", do you mean an absolutely positioned element?

In some browsers, native widgets are used, which stops elements going over them - this includes <select> elements in some versions of MSIE.

There is no fix. Consider using radio buttons instead, which I think are not natively rendered in recent version of MSIE, hence respect z-index properly.

I think that all HTML elements are rendered in Mozilla and IE7 + , but not IE6 and below. Not sure about other browsers.

Mark

[bogu]

Originally Posted by MarkR

By "A layer", do you mean an absolutely positioned element?

Yes.

Is sad for this IE bug; because of this lots of people are refusing to use layers (absolutely positioned elements) and u cand do lots of nice things...

The best solution if to make the layer not appear near a list box...

I know that is a work around for this bug by hide the elements if it appears under a layer but I dont know how I can determine wich elements are under my layer and witch are not.

[bpat1434]

Can't you put a containing div element around the area where your layer will show up. Then when your new layer shows up, just put:
document.getElementById('containingDiv').style.visibility='hidden';
and wham! it's hidden the elements under the div!!

[bogu]

Originally Posted by bpat1434

Can't you put a containing div element around the area where your layer will show up.

The layer will be random size, so I want the layer script to be independent and should not depend where I show it on the page...

[bpat1434]

The layer size won't matter.... as long as the layer is around the elements you want to hide, the size won't matter.