My page contains a RadMenu with ClickToOpen = true. After that, hovering over the menu will expand to display the child menu items. Upon selection of one of the child menu items I open a modal RadWindow via javascript. I also use javascript to collapse the radmenu (shown below).
The problem is that after the RadWindow is closed (no pastback occurs on the parent page), it is no longer necessary to click on the RadMenu to begin showing the menu items. All the user needs to do is hover. I have attempted to move the focus to another control on the page, but the RadMenu does not appear to lose focus. I also tried using the blur() method in the code that collapses the menu, but that does not appear to work either. How do I move the focus away from the menu so users must click on the menu to again open it?
Here is the javascript function to collapse (with the call to Blur to try to move the focus away from the RadMenu).
Thanks!
Sean M. Severson
The problem is that after the RadWindow is closed (no pastback occurs on the parent page), it is no longer necessary to click on the RadMenu to begin showing the menu items. All the user needs to do is hover. I have attempted to move the focus to another control on the page, but the RadMenu does not appear to lose focus. I also tried using the blur() method in the code that collapses the menu, but that does not appear to work either. How do I move the focus away from the menu so users must click on the menu to again open it?
Here is the javascript function to collapse (with the call to Blur to try to move the focus away from the RadMenu).
function
CollapseMenu() {
//close the menu
var
menu = $find(
"<%= mnuActions.ClientID %>"
);
var
topMenuItem = menu.get_items().getItem(0);
topMenuItem.close();
topMenuItem.Blur();
}
Thanks!
Sean M. Severson