472,811 Members | 1,385 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,811 software developers and data experts.

drop down covers scroled javascript menu in IE

I have an javascript made menu and some forms with the dropdown
element. When the menu opens and scrolls down the drop down is
displeyed over the menu and obscures the menu choices. I have this
problem only in IE, in firefox it works ok.

Is there a solution to this problem? I tried to hide the drop down when
the menu opens but sometimes the menu covers only a small part of the
drop down, but enough to obscure the menu choice.

I would like to achive that the part of the dorp down that is not
covered, stays visible and the covered part is hidden.

I tried also with inserting the menu and the drop down in separate
div-s and set them apropriate z-index property but it doesnt work.

Does anyone have an answer to that problem?

I would apreciate it very much!

Oct 4 '05 #1
4 2576
si*********@gmail.com said the following on 10/4/2005 10:50 AM:
I have an javascript made menu and some forms with the dropdown
element. When the menu opens and scrolls down the drop down is
displeyed over the menu and obscures the menu choices. I have this
problem only in IE, in firefox it works ok.
That's because selects in IE are windowed components, they arent in firefox.
Is there a solution to this problem? I tried to hide the drop down when
the menu opens but sometimes the menu covers only a small part of the
drop down, but enough to obscure the menu choice.
Yes, move your menu or your select list.
I would like to achive that the part of the dorp down that is not
covered, stays visible and the covered part is hidden.
Then move it.
I tried also with inserting the menu and the drop down in separate
div-s and set them apropriate z-index property but it doesnt work.
Nope, you can't index a windowed item.
Does anyone have an answer to that problem?


Move your select or your menu.

--
Randy
comp.lang.javascript FAQ - http://jibbering.com/faq & newsgroup weekly
Oct 4 '05 #2
I can't move them...they should stay where they are :(

Is there realy no solution to other then hiding or moving the drop
down??

Oct 4 '05 #3
On 4 Oct 2005 10:09:31 -0700, "simonC" <si*********@gmail.com> wrote:
I can't move them...they should stay where they are :(

Is there realy no solution to other then hiding or moving the drop
down??


you can place an empty iframe underneath (in z-index terms) the menu,
this will go over the select element and the content will then go over
it.

Jim.
Oct 4 '05 #4
Tnx Jim your advice solves my problem :) finly :)

Tnx very much.

Oct 5 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: KK | last post by:
Drop-down menus are the hottest thing since Wonder Bread but . . . 1. Alot of people put them in the they-look-nice-but-you-cant-code-them-right-so-they-always-look-messed-up category (a la...
1
by: Greg Scharlemann | last post by:
I would like to automatically populate a drop down menu when the page loads based on the selection of an item in a different drop down menu. I made a test page that when drop down #1 changes, drop...
3
by: Bilal | last post by:
Hi, I've been looking all over the net for a way to increase the size of a drop down menu without any success. Does anyone perhaps have a way to display 11-15 items on a menu without having...
4
by: Yuk Cheng | last post by:
<<<start index.htm>>> <html> <head> <script> function perform(action){ } </script> </head>
2
by: hemanth.singamsetty | last post by:
Hello there, I've a drop down menu (created using CSS & Javascript -- see code below). My problem is, whenever I click a link on the menu the new page replaces the current page (and the menu...
2
by: pantagruel | last post by:
I have an old web application I did where browsers with dynamic capabilities received a drop down menu on the top of the page and a fold out on the left hand side of the page and non-dynamic...
22
by: Archanak | last post by:
Hi, I am using 2-level CSS Drop Down Menu in my perl/CGI program. here is the code. #!c:/perl/bin/perl.exe use CGI qw(:standard);
0
by: mjohnson0321 | last post by:
I am trying to incorporate a CSS drop-down menu into a site (suckerfish menu). The menu gets lost behind the content below it, but only on one of the drop downs (News). The error occurs on all of...
0
by: erikbower65 | last post by:
Using CodiumAI's pr-agent is simple and powerful. Follow these steps: 1. Install CodiumAI CLI: Ensure Node.js is installed, then run 'npm install -g codiumai' in the terminal. 2. Connect to...
0
linyimin
by: linyimin | last post by:
Spring Startup Analyzer generates an interactive Spring application startup report that lets you understand what contributes to the application startup time and helps to optimize it. Support for...
0
by: kcodez | last post by:
As a H5 game development enthusiast, I recently wrote a very interesting little game - Toy Claw ((http://claw.kjeek.com/))。Here I will summarize and share the development experience here, and hope it...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Sept 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
0
by: Taofi | last post by:
I try to insert a new record but the error message says the number of query names and destination fields are not the same This are my field names ID, Budgeted, Actual, Status and Differences ...
0
by: Rina0 | last post by:
I am looking for a Python code to find the longest common subsequence of two strings. I found this blog post that describes the length of longest common subsequence problem and provides a solution in...
5
by: DJRhino | last post by:
Private Sub CboDrawingID_BeforeUpdate(Cancel As Integer) If = 310029923 Or 310030138 Or 310030152 Or 310030346 Or 310030348 Or _ 310030356 Or 310030359 Or 310030362 Or...
0
by: lllomh | last post by:
Define the method first this.state = { buttonBackgroundColor: 'green', isBlinking: false, // A new status is added to identify whether the button is blinking or not } autoStart=()=>{
2
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.