Dropdown menu has a problem with combobox

[Draven Chen Zhen]

Hey,
I'm got a webapplication, 45 pages big, so I had trouble making a good navigation menu. Untill I desided to make a dropdown menu, so my problem was solved.

But now I've noticed that there is a problem with my dropdown menu when it has to cross a combobox. It isn't visible. (look at screenshot).

Can someone help me?

Screenshot : Screenshot

[kishore.kr]

hi Draven Chen Zhen,

Even i had the same problem. Since combobox also have dropdown content they might be basically placed ONTOP of all objects. Actually menus should be created on the window.(after gathering some scattering info here and there I concluded myself) Ex.,

window.fw_menu_2 = new Menu("root",107,17,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#99ccff","#fc9d08");
fw_menu_2.addMenuItem("Insurance","Callpg('ProdLst.asp?ProdCat=Insurance');");
fw_menu_2.addMenuItem("Mediclaim","Callpg('ProdLst.asp?ProdCat=Mediclaim');");
fw_menu_2.addMenuItem("Services","Callpg('ProdLst.asp?ProdCat=Services');");
fw_menu_2.addMenuItem("Client","Callpg('ClientLst.asp');");
fw_menu_2.addMenuItem("Policy","Callpg('PolicyLst.asp');");
fw_menu_2.addMenuItem("News","Callpg('NewsLst.asp');");
fw_menu_2.addMenuItem("Messages","Callpg('MessagesLst.asp');");
fw_menu_2.addMenuItem("Client Opinions","Callpg('ClOpenLst.asp');");
fw_menu_2.fontWeight="bold";
fw_menu_2.hideOnMouseOut=true;

I took this code from a dreamweaver created menu. The best solution i found is create a menu with s/w like macromedia dreamweaver. I hope using them may solve your problem..

-- Kishore...

[dj4uk]

The problem is caused by browser implementation of HTML and there is nothing you can do about it. Because of the way select boxes (and also some other controls) are created you cannot float divs over them which is what your menu is trying to do. I've seen some menus that get around this by hiding certain elements when using the menu but I think thats a bit of a kludge and looks silly.

Only sure fire way I've found around it is to never allow the design to get them to overlap - depends on your design how easy this is though.

Sorry to give you bad news.

DJ

[Draven Chen Zhen]

so basicly I'm ****ed...
With firefox it works fine ...
IE ... not my style

I have seen code sampels where the can put a layer over a dropdownmenu, but the problem is , I can't get the code in my javascript class (the class is way to complicated)

[Draven Chen Zhen]

hi Draven Chen Zhen,

Even i had the same problem. Since combobox also have dropdown content they might be basically placed ONTOP of all objects. Actually menus should be created on the window.(after gathering some scattering info here and there I concluded myself) Ex.,

window.fw_menu_2 = new Menu("root",107,17,"Verdana, Arial, Helvetica, sans-serif",10,"#000000","#ffffff","#99ccff","#fc9d08");
fw_menu_2.addMenuItem("Insurance","Callpg('ProdLst.asp?ProdCat=Insurance');");
fw_menu_2.addMenuItem("Mediclaim","Callpg('ProdLst.asp?ProdCat=Mediclaim');");
fw_menu_2.addMenuItem("Services","Callpg('ProdLst.asp?ProdCat=Services');");
fw_menu_2.addMenuItem("Client","Callpg('ClientLst.asp');");
fw_menu_2.addMenuItem("Policy","Callpg('PolicyLst.asp');");
fw_menu_2.addMenuItem("News","Callpg('NewsLst.asp');");
fw_menu_2.addMenuItem("Messages","Callpg('MessagesLst.asp');");
fw_menu_2.addMenuItem("Client Opinions","Callpg('ClOpenLst.asp');");
fw_menu_2.fontWeight="bold";
fw_menu_2.hideOnMouseOut=true;

I took this code from a dreamweaver created menu. The best solution i found is create a menu with s/w like macromedia dreamweaver. I hope using them may solve your problem..

-- Kishore...

Will this menu go over a comboxbox??

[DeadEyes]

Heres an example using and IFRAME AND a DIV to cover a SELECT box
http://dotnetjunkies.com/WebLog/jkin...0/30/2975.aspx

[Draven Chen Zhen]

Heres an example using and IFRAME AND a DIV to cover a SELECT box
http://dotnetjunkies.com/WebLog/jkin...0/30/2975.aspx

Thx, But I've failed to get this in mijn code ...

Maybe someone could help me out here.

this is my code in my index2.aspx page, it is the page where my navigation menu is displayed and where my iframe is embedded

Those Three javascript lines make my navigation menu appear. (I need 3 seppert javascript classes to show the menu)

<body bgColor="#cccccc" leftMargin="5" topMargin="5">
		
		<script type="text/javascript" language="javascript" src="pop_core.js"></script>
		<script type="text/javascript" language="javascript" src="<%=Session["javaPage"]%>"></script>
		<script type="text/javascript" language="javascript" src="pop_events.js"></script>
		
		<form id="Form1" method="post" runat="server">
			<table height="100%" cellSpacing="0" width="990" border="1" cellspacing=0>
				<tr height="38">
					<td colSpan="2" class=banner>Recticel Banner</td>
				</tr>
				<tr height="10" valign=top>
					<td align=Center class=border width="10%"><asp:LinkButton ID=LinkLogOut Font-Bold=True Runat=server>Log Out</asp:LinkButton></td>
					<td align="right" class=border><asp:label id="userRights" runat="server" Visible="False"></asp:label><asp:label id="userPlants" runat="server" Visible="False"></asp:label><asp:label id="LabelPlace" runat="server" Font-Bold="True">PPM Project</asp:label></td>
				</tr>
				<TR>
					<td vAlign="top" colspan="2"><iframe name="mainFrame" src="<%=Request["Page"]%>" frameBorder="0" width="100%" height="100%"></iframe></td>
				</TR>
				<tr height="5">
					<td colSpan="2"></td>
				</tr>
			</table>
		</form>
	</body>