JavaScript: How to trap click even of MenuItem?

if you want to add an event to an element from javascript use as follows

      if (document.addEventListener) { // Remove event listeners from 'document' (Moz&co).
            document.addEventListener('mousemove', moveSlider,true)
            document.addEventListener('mouseup', sliderMouseUp,true)
            document.addEventListener('mousedown', moveSlider,true)
      }
      else if (document.attachEvent) { // Remove event listeners from 'document' (IE&co).
            document.attachEvent('onmousemove', moveSlider)
            document.attachEvent('onmouseup', sliderMouseUp)
            document.attachEvent('onmousedown', moveSlider)
      }

here in the example above moveSlider,sliderMouseUp and moveSlider are function names to be fired when mousemove , mouseup and mousedown events.

Note that, there is no "()" in the function names specified.

try using like this. you can add events like this to the elements you want

Hi VincentPuglia, I don't have a link and Menu does not have a property called MenuItem. Any other suggestions?

Hi sundaramkuma, that will trap events for my whole page ... if I don't know of any MenuItem event to listen to how can I do it?

I get get as far as:
this.MainMenu.Items[i].ChildItems.<no event here to hook to>

you have to modify the code I've posted. instead of using docu,ment.addEventListener you have to use as

var urelt = document.getElementById('yourelementid);
urelt.addEventListener
....
....

like this.

According to

 http://msdn2.microsoft.com/en-us/library/aa478970.aspx99999999

Recall that skmMenu can have menu items that, when clicked, either do nothing, redirect the user to a specified URL, or cause a postback. Which course of action depends upon the values of the Url and CommandName properties of the MenuItem instance. Furthermore, recall that each menu item is rendered as a <td> element. Based on what properties are set, the menu item's <td> element has its client-side onclick event set to take the appropriate course of action, as the following code snippet from the BuildMenu() method illustrates:

 
if (mi.Url != String.Empty)
   td.Attributes.Add("onclick", "javascript:location.href='" + mi.Url +
     "'");
else if (mi.CommandName != String.Empty)
   td.Attributes.Add("onclick", Page.GetPostBackClientHyperlink(this,
     mi.CommandName));

Here mi is a MenuItem instance and td is a TableCell instance. First, if the MenuItem's Url property is not an empty string, then the td has its onclick attribute set to client-side JavaScript code that will redirect the user to the specified URL. If the Url property is an empty string and the CommandName property is not, then the onclick event is set to cause a postback, passing in the CommandName property value. Finally, if both Url and CommandName are empty strings, then no onclick event is associated with this td

Hi VincentPuglia, I still can't see now I can hook up a click event. Do you mean to do something like:
var urelt = document.getElementById('yourelementid);
urelt.addEventListener('onclick', myJavaScriptFunctionToHandle(this))

But there is no onClick event? At least when i do:
this.MainMenu.Items[0].ChildItems[0].<no events listed here>

So how do you propose I do it?

Hi VincentPuglia, the skmMenu Server Control is a different control altogether. I want to try accomplish this with the regular ASP.NET Menu control first.

I've been googling this problem as well and I can't find a solution at all! Many people have the same problem!

Thank again guys

Hi kate,

As I said up above, I'm not an ASPer.  (Sorry skmMenu isn't the same type; it looked promising.)
Any rate...if you wish to do this in javascript, you need to tell me
1_ what code that ASP produces...that is, are the menuItems cells in a table? images? what does the html markup look like ... remember javascript is client-based, so load the page in your browser, right click, view the source, & post the relevant code here.
2_ can you insert ids into the various menuItems? like:
<asp:MenuItem Text="Home" Id ="home" Value="Home" >
                   <asp:MenuItem Text="My Email" Id="myEmail" Value="MyEmail"></asp:MenuItem>
3_can you insert methods?  (specifically onclick, through asp?)
4_ where in msdn do I find the reference page for your type of menuItems?

Vinny

hI VincentPugliA, thanks for your help

1. The code actually is in a table like so:
______________________
table border="0" cellpadding="0" cellspacing="0">
            <tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="MainMenun8">
                  <td><table class="MainMenu_6" cellpadding="0" cellspacing="0" border="0" width="100%">
                        <tr>
                              <td style="white-space:nowrap;width:100%;"><a class="MainMenu_1 MainMenu_5" href="javascript:__doPostBack('MainMenu','Home\\MyEmail')">
                                        My Email
                                    </a></td>
                        </tr>
                  </table></td>
            </tr><tr onmouseover="Menu_HoverDynamic(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" id="MainMenun9">
                  <td><table class="MainMenu_6" cellpadding="0" cellspacing="0" border="0" width="100%">
                        <tr>
                              <td style="white-space:nowrap;width:100%;"><a class="MainMenu_1 MainMenu_5" href="javascript:__doPostBack('MainMenu','Home\\Team3P')">
                                        Team 3P
                                    </a></td>
                        </tr>
                  </table></td>
            </tr>
      </table>
________________

2. Yes I can insert ID just as you described

3. I can only insert Server side methods as the menu control is a server side control. I can register a client side/JavaScript event to the menu but i only have a limited amount of events available

So i can do
this.MainMenu.Attributes.Add("OnClick ", "MyFunction()");

but not
this.MainMenu.Attributes.Add("OnMenuItemClick", "MyFunction()");

4. Here is the menu control on MSDN
http://msdn2.microsoft.com/en-us/library/system.web.ui.webcontrols.menu.aspx

Is there any HTML menu controls that I can use? i.e. a client control to that I can easily register JavaScript functions with it?

AAAHHHHHHHHHH!!!!!!!!!!!!!!!!!!!!!!!