JavaScript - Problem with mousemove and mouseout

Hello All,

I am currently working on Menus in asp.net 2.0.

I have make it by using DIV tag. I am just displaying a DIV tag on mouse move of main menu. And on mouseout i am just hiding that DIV tag. Its working fine.

But the problem comes when user moves into DIV that DIV hides as mouseout of mainmenu gets fired. For that i called same function on mousemove of DIV tag also. But mousemove of DIV tag gets fired first ans then mousout of main menu resulting hiding of DIV tag.

So how to solve this problem.

 Thanks in advance.

Sujit.

Hi,

1)As you are using Asp.net 2.0 you can use standard menu control provided by .net framework:

The ASP.NET Menu control allows you to develop both statically and dynamically displayed menus for your ASP.NET Web pages. You can configure the contents of the Menu control directly in the control, or you can specify the contents by binding the control to a data source.

Without writing any code, you can control the appearance, orientation, and content of an ASP.NET Menu control. In addition to the visual properties exposed by the control, the control supports ASP.NET control skins and themes.

<asp:Menu
        id="Menu1"
        Runat="server">
        <Items>
            <asp:MenuItem Text="Home" NavigateUrl="Home.aspx" />
            <asp:MenuItem Text="Products" NavigateUrl="Products.aspx" />
            <asp:MenuItem Text="Services" NavigateUrl="Services.aspx" />
            <asp:MenuItem Text="About" NavigateUrl="About.aspx" />
        </Items>
    </asp:Menu>

2)we can have adapter for menu also check this link

http://www.asp.net/CSSAdapters/Menu.aspx

bye