PDA

Click to See Complete Forum and Search --> : Dropdown overlap

nkannan
07-30-2003, 01:07 AM
In my html page I am using div tag to display Calendar control. In my form if dropdown selection is there its displays over the div tag. but other controls gets hide, except this dropdown. Please if any come accross this problem. Please give me a suggestion / solutions.
xataku_nakusute
07-30-2003, 01:38 AM
make your <select> tag:

<select style="z-index: -100">
nkannan
07-30-2003, 02:00 AM
File Url = http://64.78.32.107/icope/icopecom/Hide&ShowLayers.htm

please check this url and give me the solution.
xataku_nakusute
07-30-2003, 02:36 AM
i hate to say it...but i cant figure it out.....maybe try adding the z-index property into your css or style....
xataku_nakusute
07-30-2003, 02:46 AM
well....it seems weird...but the z-index property wont work for any <select> tag anywhere you put the <select> and anywhere you put the z-index definition.....

sorry..
nkannan
07-30-2003, 02:50 AM
open this http://64.78.32.107/icope/icopecom/Hide&ShowLayers.htm

Click on First Menu Link - You will get popup menu (using Div tag). In the Page one dropdown also there under the First Menu. When Popup menu appears the dropdown shows over the div tag, but the textbox gets hide. actually I want to hide both.
xataku_nakusute
07-30-2003, 03:45 AM
i just said that the <SELECT> tag doesnt support the z-index atrribute, however, most other elements do(e.g. <input> <form> <a> <table> etc...)
nkannan
07-30-2003, 04:23 AM
So whatz ur suggestion to make it hide?
pyro
07-30-2003, 07:29 AM
Originally posted by xataku_nakusute
i just said that the <SELECT> tag doesnt support the z-index atrribute...Actually, it does. IE just handles it problematically. For instance look at that page in Mozilla... Anyway, what you will want to do is give you <select> box an ID, and then change the style to display:none when the menu is covering it up...

<select id="myselect">

and the javascript to hide it:

document.getElementById("myselect").style.display: none; // set none to block to put it back
ace-one
11-20-2003, 01:59 PM
I'm having the exact same problem & am having trouble with the javascript solution that Pyro suggested.

Can you be more specific about where I place that javascript code?

thanks
pyro
11-20-2003, 02:08 PM
This article (http://www.webreference.com/programming/javascript/form/index.html), by our very own Khalid Ali should help you out.
fredmv
11-20-2003, 02:12 PM
Originally posted by pyro
document.getElementById("myselect").style.display: none;
Just to avoid any confusion, I'm sure you meant:

document.getElementById("myselect").style.display = "none";
pyro
11-20-2003, 06:48 PM
lol... :D Yep, I'm sure you're right...