Rollover state on image lost when on menu item

Poster: mscdaa
Dated: Thursday April 28 2005 - 3:00:02 BST

Hi, I am using individual menus from navigation images. Each of the images have a rollover state. When you rollover a navigation image the onState is shown but as soon as you go down onto a menu item the rollover state is lost. I am wondering if there is a way of triggering the rollover state while on the menu and returning it to normal when off the menu? The rollover are just using standard DreamWeaver javascripts

Poster: Ruth
Dated: Thursday April 28 2005 - 18:28:57 BST

Hi

You actually have 'two menus' for each one your are mentioning. You have the image, which could be considered the 'main' menu and when you mouseOver the image it take the mouseOn state. But, when you mouse down to the 'sub' menu you have left the 'main image menu' and that's why it rolls back to the mouseOff state.

There is a function, but I don't know how to use it in the pop menu. It is a function that allows a 'third' image in the 'main' item when you mouseover subitems. mm_setParentOverImage()


I dont' know if you can use this, but if you can, just save the image you now use for the mouseOn state with a new name, maybe just put a 1 in it, then when you use this function as they mouse over each sub item that image will be the image they see in the main item. I'm not sure this is the best solution, there may be some way to have a javascript function just keep the mouseOn image while mousing the submenu items, but I don't know how to do functions.

Ruth

Poster: kevin3442
Dated: Friday April 29 2005 - 7:39:54 BST

Hi mscdaa,

It's do-able, but it would involve modifying the Dreamweaver javascript function (one of those MM_ functions) that's called with the onmouseout event and adding another js function or two. I imagine adding a brief delay, to let the user get onto a submenu, then starting a recursive timeout function or a timer function to repeatedly check to see if the pointer was on a menu. Once the pointer leaves the menu, set the image back to its mouse off state. This could be a problem if your main menu images are adjacent, because it would make the response seem to slow down as the user traversed across the main menu items. I guess one could work around that, but it's hard to imagine without seeing the code and layout you're starting with.

If you could post a url to a working example page, I might be able to have a look and whip something up.

Have you considered making your main menu items Milonic items? You can still use images for those items, and should be able to reproduce the same look you have now. By making the menu system completely Milonic, you can take advantage of the automated functionality (e.g., it already does what you want to do automatically). By creating your own "main menu" you are effectively cutting yourself off from much of the automated functionality built into the Milonic system and then having to backtrack to see if you can re-create it. Just a thought.

Cheers,

Kevin

Poster: mscdaa
Dated: Friday April 29 2005 - 7:53:53 BST

Thanks for the reply. I think I will go with making the whole menu Milonic rather than messing with javascript functions. Thanks for the suggestion.