Solved

Drop-down Menu hidden behind embedded view

Posted on 2004-04-06
16
219 Views
Last Modified: 2013-12-18
I have this form with a embedded view on the web. However, the dropdown menu from the top is hidden behind the applet. Anyway to resolve this? Someone suggested that I can use iframe for my dropdown menu. If anyone can provide me with that code, I will increase the points. Thanks!
0
Comment
Question by:irene79
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 6
  • 6
  • 2
  • +2
16 Comments
 
LVL 46

Expert Comment

by:Sjef Bosman
ID: 10764476
This is more a JavaScript/HTML question probably. I think your menu is created with layers/divs, and the applet comes above all layers. Do you have all the menu-code?

I've got to go now, but I'll be back later...
0
 
LVL 19

Expert Comment

by:madheeswar
ID: 10764478
Still awake?
0
 
LVL 46

Expert Comment

by:Sjef Bosman
ID: 10764691
Me? It's 13:18 local time! GMT+1 timezone
0
What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

 

Expert Comment

by:can_aydin
ID: 10765057
<IFRAME id="XXX" style="Z-INDEX: 5; FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); LEFT: 0px; VISIBILITY: hidden; WIDTH: 170px; POSITION: absolute" src="" frameBorder=0 scroll="none"></IFRAME>

locate iframe to your menu div. but ie only....
0
 
LVL 14

Expert Comment

by:p_partha
ID: 10768890
I had to face the same problem sometime back, what i did was to write a generic code, which will make the applet display to none when ever the dropdown is chosen, once it is selected, again display will be made to block, it might look complex, but it is the easiest and elegant'


Partha
0
 
LVL 14

Expert Comment

by:p_partha
ID: 10768976
Let me know i can give u the code...


Partha
0
 
LVL 46

Expert Comment

by:Sjef Bosman
ID: 10772660
As far as I know, the same happens with inputfields on the screen. A drop-down menu will show behind that field. Do yo also have code for that?

Sjef ;)
0
 
LVL 46

Expert Comment

by:Sjef Bosman
ID: 10772662
Irene, did you try to use the HTML-variant of the embedded view, instead of the View-applet?
0
 
LVL 14

Expert Comment

by:p_partha
ID: 10774703
Bro,
According to Microsoft , Z-index of select statements are infinity, so they always come above all the other elements, not applicable for inputfields, the only way is to use what i told :-)

Partha
0
 
LVL 14

Expert Comment

by:p_partha
ID: 10774725
0
 
LVL 46

Expert Comment

by:Sjef Bosman
ID: 10774890
Well... it sucks. I have a set of menu functions, the menu is always moved to the top of the frame. Input forms may be scrolled, so I would like to know how I can find out what are the elements on the form that need to be hidden temporarily?

You're right, bro, there is no solution but yours does offer at least something. Browsers...
0
 
LVL 14

Expert Comment

by:p_partha
ID: 10774917
It gets complex sjef to find out what are the elements that affects this, so better to use ID to the applet, and use

t = document.getElementById("<your applet id name>")
t.style.display='none'


and after selection

t = document.getElementById("<your applet id name>")
t.style.display='block'
 

Partha
0
 
LVL 14

Expert Comment

by:p_partha
ID: 10774944
0
 
LVL 46

Expert Comment

by:Sjef Bosman
ID: 10775003
Seems the only way. My point was though: fields on a large page can be scrolled over the menu, and there's nothing to prevent that. So it might seem required to only hide the applet, but in a later stage more fields should be hidden when the large page with the menu is scrolled up and a field is displayed over the menu. Since there are no x/y properties of every field, the only solution would be to hide ALL selection fields when the menu is opened. Let's wait for Internet Exploder 9 ;)
0
 

Accepted Solution

by:
can_aydin earned 30 total points
ID: 10775228
<IFRAME id="ifMenu" style="Z-INDEX: 5; FILTER: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); LEFT: 0px; VISIBILITY: hidden; WIDTH: 170px; POSITION: absolute" src="" frameBorder=0 scroll="none"></IFRAME>

<div id="dMenu" style="position:absolute; filter: alpha(opacity=0);  z-index:500;"  onmouseover="Fade(this,document.all.ifMenu,100,25,25);document.all.ifMenu.style.visibility='visible'" onmouseout="Fade(this,document.all.ifMenu,0,25,25);document.all.ifMenu.style.visibility='hidden'">


Note: fade is a function, reposition div and iframe (calculate top, left, width and height). fade in/out action and show div...
0
 

Author Comment

by:irene79
ID: 10829737
woo sorry for the delay. this application wasn't done by me and i'm trying to understand it. There is a agent to generate the menu but it seems to be grabbing for values here and there. Other than touching the generation of menu .. will your method works, Partha?
0

Featured Post

Want Experts Exchange at your fingertips?

With Experts Exchange’s latest app release, you can now experience our most recent features, updates, and the same community interface while on-the-go. Download our latest app release at the Android or Apple stores today!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For beginners of Lotus Notes user this is important to know about the types of files and their location supported by IBM Notes. Mostly users are unaware about how many file types are created and what their usages are. This Article is fully dedicated…
Sometimes clients can lose connectivity with the Lotus Notes Domino Server, but there's not always an obvious answer as to why it happens.   Read this article to follow one of the first experiences I had with Lotus Notes on a client's machine, my…
If you’ve ever visited a web page and noticed a cool font that you really liked the look of, but couldn’t figure out which font it was so that you could use it for your own work, then this video is for you! In this Micro Tutorial, you'll learn yo…
Sometimes it takes a new vantage point, apart from our everyday security practices, to truly see our Active Directory (AD) vulnerabilities. We get used to implementing the same techniques and checking the same areas for a breach. This pattern can re…

627 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question