[css-d] sub menus show up on hover but not on focus

2011-04-25 Thread Sandy 

hey all,

I am working on a test page that has a sub menu which displays on hover 
but not on focus. How do I get the sub menus (for example the 3 links 
under location) to show up when someone tabs to the link the way they 
do when someone hovers over it?


http://sandyfeldman.com/villab/en/index.shtml
http://sandyfeldman.com/villab/css_js/villab.css
http://sandyfeldman.com/villab/css_js/TJK_keyBoardDropDown.js

The styles I am using more or less came from
http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/default.asp

but I seem to have lost a key ingredient when I put this to work in my 
page. Any thoughts about how to fix this up?


Thanks!
Sandy
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] sub menus show up on hover but not on focus

2011-04-25 Thread Brian Jones 
On Mon, Apr 25, 2011 at 10:20 AM, Sandy sfeld...@sympatico.ca wrote:
 I am working on a test page that has a sub menu which displays on hover but
 not on focus. How do I get the sub menus (for example the 3 links under
 location) to show up when someone tabs to the link the way they do when
 someone hovers over it?


Hi,
Just from first thought you can use jquery .focus()

$(#location).focus(function () {
 //trigger dropdown
});

 $(#about).focus(function () {
  //trigger dropdown
});



-- 
-bdot
There are only 10 kinds of people in this world. Those who understand
binary and those who don't
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/