menu.asp javascript

Question

Is there a way to access element Menuitem inside asp:menu with javascript My goal is to changed the imageUrl path when user mouse over the menu.

  <div align = "center">
        <asp:Menu ID="Menu1" runat="server">
        <Items>
        <asp:MenuItem ImageUrl = "Images/education_remo_un.gif"></asp:MenuItem>
        </Items>
        </asp:Menu>

    </div>

Thank in advance

Take a look at the rendered html using tools like firebug. Asp.net's default implementation uses a lot of nested tables. — nunespascal
– nunespascal, Commented Sep 10, 2012 at 9:00

Fraz Sundal · Accepted Answer · 2012-09-10 09:10:48Z

2

One nice approach to apply hover functionality is to assign a cssclass to menuitems and set the image in that cssclass.

<asp:Menu ID="Menu1" runat="server">
    <DynamicSelectedStyle CssClass="menu-item-selected" />
    <StaticSelectedStyle CssClass="menu-item-selected" />
    <StaticHoverStyle CssClass="menu-item-hover" />
    <DynamicHoverStyle CssClass="menu-item-hover" />
    <Items>
        <asp:MenuItem Text="Item 1" Selectable="true" Selected="true"></asp:MenuItem>
        <asp:MenuItem Text="Item 2" Selectable="true"></asp:MenuItem>
        <asp:MenuItem Text="Item 3" Selectable="true"></asp:MenuItem>
    </Items>
</asp:Menu>

answered Sep 10, 2012 at 9:10

Fraz Sundal

10.5k22 gold badges87 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

tylerlantern Over a year ago

How about if i want to change background image to each item

Collectives™ on Stack Overflow

menu.asp javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related