Printable View
Hi all,
I am using Asp.net menu control, how can I delay the showing of sub menu items ?
The menu is handled by Menu_HoverDynamic javascript function. I am trying to settimeout this function. But the problem is the sub menu
are shown and the root menu is getting hidden ?
Thanks in advanceCode:var OriginalMenu_HoverDynamic=Menu_HoverDynamic;
Menu_HoverDynamic = function(t) {
sendingCel = t;
setTimeout('OriginalMenu_HoverDynamic(sendingCel)',1000);
};
Hey Dana,
Personally, I hate the use of the setTimeOut function. Too many times I have seen the use of this lead to timing issues because code isn't executing when you think it is.
A quick step back from your question here...
Why are you wanting to delay the menu showing? Normally, you want to sub menu to show as quickly as possible?
Gary
we have menu displayed in one of your client site. It was developed using Asp.Net menu control. While moving cursor on Root menu Displays Sub menu. Each Root menu has its own sub menu. Using Laptop if the customer moves diagonally little then its showing the next sub menu , which is irritating for the customer. He says, show the sub menu after a delay,while the cursor is in the root menu..
Hey,
Okay, fair enough...
Hopefully this will help:
http://geekswithblogs.net/mnf/archiv...nus-popup.aspx
I haven't tested it, but it seems like a complete solution.
The only other suggestion, as mentioned in that post, would be to have the Menu Control react to the OnClick event, rather than the OnHover event.
Gary
That one I already seen , there they override the Menu_HoverStatic function, But the sub menu is shown in Menu_HoverDynamic function. If I try to override by my self, the sub menu shows with some delay, But I am missing the root menu.
Can you post what you have already? I can try and take look.
Gary
Here is my Design code...
Code:<%@ Control Language="vb" AutoEventWireup="false" Inherits="MobileMonitor.MenuControl" CodeFile="MenuControl.ascx.vb" %>
<script language="javascript" type="text/javascript">
function PopUpwindow(strName,strURL)
{
window.open(strName,null,strURL);
}
var sendingCel;
var outID;
var constShowDelay=700;//ms- configurable
var constDisappearDelay=800;//ms- configurable
var myVar;
var myTimeoutID;
var myNode, myData;
var ref_Menu_HoverStatic;
var ref_Menu_Unhover;
var ref_overrideMenu_HoverStatic;
//For sub menu
var ref_Menu_HoverDynamic;
var ref_overrideMenu_HoverDynamic;
// This function is called in <body onload="...">
function initMenuMouseHoverInterceptors()
{
// *** Interceptors ***
// @:: Menu_Hover
//debugger;
//handle case if no menu on the page
if((typeof(Menu_HoverStatic)!='undefined'))
{
ref_Menu_HoverStatic = Menu_HoverStatic;
Menu_HoverStatic = My_Menu_HoverStatic;
// @:: Menu_Unhover
ref_Menu_Unhover = Menu_Unhover;
Menu_Unhover = My_Menu_Unhover;
// @:: overrideMenu_HoverStatic
ref_overrideMenu_HoverStatic = Menu_HoverStatic;//corrected by skynyrd
Menu_HoverStatic = My_overrideMenu_HoverStatic;
}
if ((typeof(Menu_HoverDynamic) != 'undefined'))
{
ref_Menu_HoverDynamic=Menu_HoverDynamic;
Menu_HoverDynamic=My_Menu_HoverDynamic;
// @:: Menu_Unhover
//ref_Menu_Unhover = Menu_Unhover;
//Menu_Unhover = My_Menu_Unhover;
ref_overrideMenu_HoverDynamic=Menu_HoverDynamic;
Menu_HoverDynamic=ref_overrideMenu_HoverDynamic;
}
}
function My_Menu_HoverStatic(item)
{
My_overrideMenu_HoverStatic(item);
}
function My_overrideMenu_HoverStatic(item)
{
var node = Menu_HoverRoot(item);
var data = Menu_GetData(item);
myNode=node;
myData=data;
if (!data) return;
myVar = item;
myTimeoutID=setTimeout("My_DelayExpandMenu(myNode,myData)",constShowDelay);//COnfigurable
}
function My_DelayExpandMenu(node, data)
{
__disappearAfter = constDisappearDelay; //data.disappearAfter;
Menu_Expand(node, data.horizontalOffset, data.verticalOffset);
}
function My_Menu_HoverDynamic(item)
{
My_overrideMenu_HoverStatic(item);
}
function ref_overrideMenu_HoverDynamic(item)
{
var node = Menu_HoverRoot(item);
var data = Menu_GetData(item);
myNode=node;
myData=data;
if (!data) return;
myVar = item;
myTimeoutID=setTimeout("My_DelayExpandMenu(myNode,myData)",constShowDelay);//COnfigurable
}
function My_Menu_Unhover(item)
{
clearTimeout(myTimeoutID);
ref_Menu_Unhover(item);
}
</script>
<DIV align="left" >
<table bgcolor="black" border="0" cellpadding="0" cellspacing="0" Width="100%" align="left" >
<tr>
<td Width="70%">
<asp:Menu ID="menuMM" runat="server" Orientation="Horizontal" Width="70%" ItemWrap="true"
DynamicMenuItemStyle-height="20px"
StaticHoverStyle-ForeColor="#FFCC00" DynamicHoverStyle-ForeColor="#FFCC00"
DynamicEnableDefaultPopOutImage="false" StaticEnableDefaultPopOutImage="false">
<StaticMenuItemStyle CssClass="menuStaticstyle"/>
<DynamicMenuItemStyle CssClass="menuDefaultstyle"/>
</asp:Menu>
</td>
<td Width="30%" align="center">
<asp:Button ID="btnLogout" BorderColor="black" CssClass="menuStaticstyle" runat="server" Text="Logout" CausesValidation="false" />
</td>
</tr>
</table>
</DIV>
And in the Code behind
Code:Page.ClientScript.RegisterStartupScript(Me.GetType, "MyFunction", "initMenuMouseHoverInterceptors();", True)
In the Screen Shot, the
Details shall show under the vehicle, but its showing below Report
I will need to take this away with me, and try this later on tonight.
I will post back if I am able to find out anything to help you.
Gary
Hi Dana,
I had a quick play with this last night, but I didn't really get a chance to have a proper run at it.
I will try again tonight, and keep you posted.
Gary
Thanks for your time Gary