keypress using onmouseover

[Joeyb]

I'm trying to get tabbing to work with my menus that are built following the sample method: http://milonic.com/menusample24.php using the onmouseover event on an image. I actually have the mousover on a LI tag, and it's been working fine. I have three popup menus on the page. I've added the keypress.js script reference after the menu_data.js reference, and I've tried adding onkeypress and onkeydown to activate the menus with the keyboard. onkeypress does nothing and onkeydown opens the menu with the down arrow, but you can't get into the menu and submenu after that. I'm using version 5.792 of the menus. What do I need to do to make my menus use the keypress.js code with my mouseover popup menus? Thanks!

[Ruth]

Hi,

Do you have a page so I can test this with what you have? Or can you give me the html and menu data info so I can copy and paste it and test?

Ruth

[Joeyb]

I'm trying to get this sample to work with keypress.

http://milonic.com/menusample24.php

If we can do that, it'll work for my page. I downloaded the sample files and copied keypress.js over to the root of the sample folder from the modules folder, then I added the script reference to it in the index.htm file underneath the others.

When I tab over the menus, it just skips to the next menu over and does not open it up. So, I tried adding onkeypress="popup('milonic','milonicmenu')" to an anchor tag but nothing different happened. I then tried onkeydown and viola -- a menu appeared -- but I couldn't tab into it, and I couldn't close it.

So if you can get that sample to work, I think that will be the key.

Thanks,

Joe

[Ruth]

Hi,

I've test it, and yes I see the problem. I've reported this to Milonic. They are usually very quick in response to issues so I'll post back as soon as I get anything. You might try contacting Milonic and ask them if the keypress will work with the listbased menu.

http://milonic.com/contact.php


Ruth

[Joeyb]

Thanks for your help, Ruth!

I looked at the css list-based menu explanation, but I'm not using any server-side technology (like PHP) to do an include, and I want the menu on every page, so that would be too much maintenance when the menus change. I'll keep that in mind for the future, though. I'll keep checking back here for an update from you and Milonic on tabbing alongside the mouseover() function.

Thanks again!

Joe

[Ruth]

Hi,

Hmm, OK, well I think I misunderstood. I thought you were using the listbased, but now on rereading I see that you are just popping up the menu from an LI text, or is it an image? I will repost to Milonic on this because the tab should work with the popup menu. Sorry about that

Ruth

[Joeyb]

The sample I pointed you to was using the popup() function on a image. I just happen to be using my top menu links in list format (but with no nested sublists) and it's popping up all the submenu data on each of the three li tags separately. It works the same as the image sample.

Thanks again. I hope we hear back soon.

Joe

[Joeyb]

Hi Ruth,

Any replies from the Milonic folks on getting the keypress.js to work for menus that use the onmouseover() approach?

Thanks,

Joe

[Ruth]

Hi,

Sorry, I've been out a while. I'll post to them again as I haven't heard anything. Usually they are pretty quick on response but this may take some programming.

Ruth

[Ruth]

Hi,

I just got the info from Milonic. Unfortunately, the keypress does not work with the pop menu. They are working on it, but wanted me to know that this requires creating a whole new program so it may not be very quick.

If you could give me a page I could see what I could do to set something up where you can actually use the menu instead of the pop menu and still keep your layout as you want it. Since I'm not a programmer, I tend to experiment and find workarounds when there is an issue

Ruth

[Joeyb]

Thanks for the offer. I don't have a link I can send you right now.

I have an unordered list of 4 items. Its css display is set to inline so that it displays horizontally and with no bullets. I have that positioned about 100px from the top of the page and centered horizontally. The background images for the li block elements are nicely shaded gif buttons. When you mouseover an li element, a menu appears. The menus have submenus.

Seems very simple now that I write it out.

Thanks!

Joe