ICEsoft.org Forums: ICEfaces, ICEmobile, ICEpdf

Hi there guys!

I'm using ICEfaces for four months now with different results, but generally it's a great lib. A customer of mine posted me with a difficult request:

I'm using ice:menu for navigation in the web page, the menu is loaded from a database, when you point your mouse over the menu it expands and child element are shown. Good for now, but when your mouse rolls from the menu its child components are still expanded until you click away, and that's the (annoying, strange, show-stopping) request of the customer.

Is there a way to do it?
By modifying the component maybe?
Help please, I'm helpless here :(

Hi,

Yes, I think it would be more intutive if the menus were hidden when user moves off them. I've opened a bug for this:
http://jira.icefaces.org/browse/ICE-1788

To hide other menus when clicking on a menu we use the hideOrphanedMenusNotRelatedTo function. This might give you some hints on what you could try. You might want to add a 'hideAllSubMenus' function and attach it to the onmousoff of the parent iceMenuBar div.

Philip

thanks for a blazing fast answer Philip, for now I developed a workaround:

<script language="JavaScript">
document.getElementById("fourColumn").onmouseover = Ice.Menu.hideAll;
document.getElementById("travelNr").onmouseover = Ice.Menu.hideAll;
</script>

so basicly when the mouse pointer is over any thing else then the menu, the menu is ordered to collapse

thanks anyway, maybe somebody will find it useful