how to disable asp.net menu with javascript

Question

I am using asp menu.I want to disable it and enable it using javascript. Please help

  <asp:Menu ID="MainMenu" runat="server" Orientation="Horizontal" DataSourceID="HAPSMainMenu" 
                MaximumDynamicDisplayLevels="3" DynamicEnableDefaultPopOutImage="true" StaticEnableDefaultPopOutImage="false"
                CssClass="mainMenu" DynamicVerticalOffset="1" DynamicHorizontalOffset="0" 
                OnMenuItemDataBound ="mainMenu_DataBound" Height="18pt" Width="100%"
                 >

                <StaticMenuItemStyle CssClass="menuItem" Width="125" />
                <DynamicMenuStyle CssClass="subMenu" />
                <DynamicMenuItemStyle CssClass="subMenuItem" Width="120pt"  />
                <DynamicHoverStyle CssClass="subMenuItemHover" />
                <DynamicSelectedStyle CssClass="dynamicselectedStyle" />
                <StaticHoverStyle CssClass="menuHover" ForeColor="midnightblue"/>
                </asp:Menu>

I want to disable the whole menu bar with Javascript and I have the menu Id by using firefox...I was hoping for a statement that would disable the whole menu.

Please post what you have tried? Some code chunks, perhaps?

MattC
– MattC

2011-03-22 16:31:29 +00:00
Commented Mar 22, 2011 at 16:31 — MattC
– MattC, Commented Mar 22, 2011 at 16:31

Please treat your mods well. · Accepted Answer · 2011-03-22 16:38:28Z

1

Do you have jQuery? Do you want to make the menu disappear?

Maybe something like $(".mainMenu").hide()?

answered Mar 22, 2011 at 16:38

Please treat your mods well.

4,3891 gold badge27 silver badges35 bronze badges

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

4 Comments

abbas Over a year ago

No I dont use Jquery...I dont want to hide the menu...I want the user to be unable to use the menu....buitthe menu should be displayed.

abbas Over a year ago

I want something like document..(menuid).disabled=true;

Please treat your mods well. Over a year ago

Then you should set the selectable property to False. Edit: You might want to test if IsPostBack first.

abbas Over a year ago

Can you please give me an example code for using selectable cz I dont see that option in Javascript in the intellisense.

MattC · Accepted Answer · 2011-03-22 16:44:57Z

0

Have you tried placing the asp:Menu in a div and then disabling the div?

<div id="myDiv">
...<asp:Menu ...
</div>

Then somewhere on your client code, do this:

var myDiv = document.getElementById('myDiv');

myDiv.disabled = true;

answered Mar 22, 2011 at 16:44

MattC

4,0241 gold badge37 silver badges50 bronze badges

2 Comments

abbas Over a year ago

I just tried it .Yes it does work...but the links are garyed out but if I clik on it the links are working...I want to disable it just like it owuld be disabeled if I open a popup

MattC Over a year ago

You'll need to look at the rendered HTML. I think the asp:Menu control renders out <ul><li>link1.html</li></ul> type markup. You could try getElementByTagName("li") and then loop the results and check the .classname property and if it's menuItem then set onclick = null;

Collectives™ on Stack Overflow

how to disable asp.net menu with javascript

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related