Drop-down Menu hidden behind embedded view

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!
irene79Asked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
can_aydinConnect With a Mentor Commented:
<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
 
Sjef BosmanGroupware ConsultantCommented:
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
 
madheeswarCommented:
Still awake?
0
Take Control of Web Hosting For Your Clients

As a web developer or IT admin, successfully managing multiple client accounts can be challenging. In this webinar we will look at the tools provided by Media Temple and Plesk to make managing your clients’ hosting easier.

 
Sjef BosmanGroupware ConsultantCommented:
Me? It's 13:18 local time! GMT+1 timezone
0
 
can_aydinCommented:
<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
 
p_parthaCommented:
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
 
p_parthaCommented:
Let me know i can give u the code...


Partha
0
 
Sjef BosmanGroupware ConsultantCommented:
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
 
Sjef BosmanGroupware ConsultantCommented:
Irene, did you try to use the HTML-variant of the embedded view, instead of the View-applet?
0
 
p_parthaCommented:
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
 
p_parthaCommented:
0
 
Sjef BosmanGroupware ConsultantCommented:
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
 
p_parthaCommented:
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
 
p_parthaCommented:
0
 
Sjef BosmanGroupware ConsultantCommented:
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
 
irene79Author Commented:
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
All Courses

From novice to tech pro — start learning today.