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.<!--content-->make your <select> tag:<br />
<br />
<select style="z-index: -100"><!--content-->File Url = <!-- m --><a class="postlink" href="http://64.78.32.107/icope/icopecom/Hide&ShowLayers.htm">http://64.78.32.107/icope/icopecom/Hide&ShowLayers.htm</a><!-- m --><br />
<br />
please check this url and give me the solution.<!--content-->i hate to say it...but i cant figure it out.....maybe try adding the z-index property into your css or style....<!--content-->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.....<br />
<br />
sorry..<!--content-->open this <!-- m --><a class="postlink" href="http://64.78.32.107/icope/icopecom/Hide&ShowLayers.htm">http://64.78.32.107/icope/icopecom/Hide&ShowLayers.htm</a><!-- m --> <br />
<br />
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.<!--content-->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...)<!--content-->So whatz ur suggestion to make it hide?<!--content-->Originally posted by xataku_nakusute <br />
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...<br />
<br />
<select id="myselect"><br />
<br />
and the javascript to hide it:<br />
<br />
document.getElementById("myselect").style.display: none; // set none to block to put it back<!--content-->I'm having the exact same problem & am having trouble with the javascript solution that Pyro suggested.<br />
<br />
Can you be more specific about where I place that javascript code?<br />
<br />
thanks<!--content-->This article (<!-- m --><a class="postlink" href="http://www.webreference.com/programming/javascript/form/index.html">http://www.webreference.com/programming ... index.html</a><!-- m -->), by our very own Khalid Ali should help you out.<!--content-->Originally posted by pyro <br />
document.getElementById("myselect").style.display: none; <br />
Just to avoid any confusion, I'm sure you meant:<br />
<br />
document.getElementById("myselect").style.display = "none";<!--content-->lol...
Yep, I'm sure you're right...<!--content-->
<br />
<select style="z-index: -100"><!--content-->File Url = <!-- m --><a class="postlink" href="http://64.78.32.107/icope/icopecom/Hide&ShowLayers.htm">http://64.78.32.107/icope/icopecom/Hide&ShowLayers.htm</a><!-- m --><br />
<br />
please check this url and give me the solution.<!--content-->i hate to say it...but i cant figure it out.....maybe try adding the z-index property into your css or style....<!--content-->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.....<br />
<br />
sorry..<!--content-->open this <!-- m --><a class="postlink" href="http://64.78.32.107/icope/icopecom/Hide&ShowLayers.htm">http://64.78.32.107/icope/icopecom/Hide&ShowLayers.htm</a><!-- m --> <br />
<br />
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.<!--content-->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...)<!--content-->So whatz ur suggestion to make it hide?<!--content-->Originally posted by xataku_nakusute <br />
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...<br />
<br />
<select id="myselect"><br />
<br />
and the javascript to hide it:<br />
<br />
document.getElementById("myselect").style.display: none; // set none to block to put it back<!--content-->I'm having the exact same problem & am having trouble with the javascript solution that Pyro suggested.<br />
<br />
Can you be more specific about where I place that javascript code?<br />
<br />
thanks<!--content-->This article (<!-- m --><a class="postlink" href="http://www.webreference.com/programming/javascript/form/index.html">http://www.webreference.com/programming ... index.html</a><!-- m -->), by our very own Khalid Ali should help you out.<!--content-->Originally posted by pyro <br />
document.getElementById("myselect").style.display: none; <br />
Just to avoid any confusion, I'm sure you meant:<br />
<br />
document.getElementById("myselect").style.display = "none";<!--content-->lol...
Yep, I'm sure you're right...<!--content-->