F
fernandoronci
Hi,
I've been given the task of mantaining and fixing a website which I
didn't design.
I'm using Internet Explorer 5.5 and 6.x.
Specifically, the problem is that navigation menues (written in
javascript) don't disappear when the mouse moves outside of the area of
the menues (some of the menues are nested two and three levels). As
long as the mouse cursor remains *within* the options of the menues,
the option under the mouse cursor is highlighted and the corresponding
sub-menu is displayed. If the mouse pointer then moves over another
option of the menu then the former sub-menu hides, the new option is
highlighted and its corresponding sub-menu is displayed, or, in case of
a nested sub-menu, the corresponding sub-menu is displayed. So far so
good.
As I said before, the problem arises when the mouse pointer moves *out*
of the menu area. In this case, the last menu + sub-menu (if available)
+ sub-sub-menu (if available) remain visible treading any underlying
content, instead of auto-hiding after half a second, for example, as is
the case of all well designed websites.
As far as I could find out, the original programmer used some
third-party tool to design the menues, and the javascript code was
automatically generated by that tool. By the way, the code
is not readable at all and there are no comments to make things easier.
I see onMouseOver="MM_swapImage(... , MM_showHideLayers(... ,
onMouseOut="MM_swapImgRestore()" , onMouseOver="MM_swapImage(... and
onMouseOut="MM_swapImgRestore()" all over the place, but I didn't find
any options to set some sort of timeout to hide menues when the mouse
cursor moves out of their scope.
I have some programming background, but not in Javascript specifically,
and thus I haven't been able to figure out a workaround for this. So,
my question is: What do I have to modify in the javascript code to give
menues the capability of hiding when the mouse cursor is not over them
anymore ?
Thank you in advance.
Fernando Ronci
E-mail: (e-mail address removed)
I've been given the task of mantaining and fixing a website which I
didn't design.
I'm using Internet Explorer 5.5 and 6.x.
Specifically, the problem is that navigation menues (written in
javascript) don't disappear when the mouse moves outside of the area of
the menues (some of the menues are nested two and three levels). As
long as the mouse cursor remains *within* the options of the menues,
the option under the mouse cursor is highlighted and the corresponding
sub-menu is displayed. If the mouse pointer then moves over another
option of the menu then the former sub-menu hides, the new option is
highlighted and its corresponding sub-menu is displayed, or, in case of
a nested sub-menu, the corresponding sub-menu is displayed. So far so
good.
As I said before, the problem arises when the mouse pointer moves *out*
of the menu area. In this case, the last menu + sub-menu (if available)
+ sub-sub-menu (if available) remain visible treading any underlying
content, instead of auto-hiding after half a second, for example, as is
the case of all well designed websites.
As far as I could find out, the original programmer used some
third-party tool to design the menues, and the javascript code was
automatically generated by that tool. By the way, the code
is not readable at all and there are no comments to make things easier.
I see onMouseOver="MM_swapImage(... , MM_showHideLayers(... ,
onMouseOut="MM_swapImgRestore()" , onMouseOver="MM_swapImage(... and
onMouseOut="MM_swapImgRestore()" all over the place, but I didn't find
any options to set some sort of timeout to hide menues when the mouse
cursor moves out of their scope.
I have some programming background, but not in Javascript specifically,
and thus I haven't been able to figure out a workaround for this. So,
my question is: What do I have to modify in the javascript code to give
menues the capability of hiding when the mouse cursor is not over them
anymore ?
Thank you in advance.
Fernando Ronci
E-mail: (e-mail address removed)