Re: [css-d] Drop-down navigation without javascript
On Thursday, January 27, 2011 11:14:07 pm Alan Gresley wrote: On 28/01/2011 9:16 AM, Jess Hardy wrote: Hello everyone, I am currently looking for a solution for creating a single level drop-down that can be activated by the keyboard but does not use the standard suckerfish approach. I had come across one previously but can not find the article. This should be possible using the :focus and/or :active functions, or am I wrong? Keyboard accessible but maybe unnerving for some. Even works in IE5.5. http://css-class.com/articles/ursidae/bears5ddh-kbaccess.htm I had a similar example (wouldn't work in IE 5 or 6 though). I'd post it, except that I accidentally deleted my play server and didn't have a back up. I'm kind of glad that being able to access every item, even if it's not pretty counts as keyboard accessible, because I'd been wondering about that. ---Tim __ 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] Drop-down navigation without javascript
Jess Hardy schrieb am 27.01.2011 23:16 I am currently looking for a solution for creating a single level drop-down that can be activated by the keyboard but does not use the standard suckerfish approach. http://thinkhtml.blogspot.com/2009/09/timos-float-drop-css-only-dropdown-menu.html The new holy grail, fixed width, tho. Gruss, Ingo PS: The lists reply settings suck. Every time. __ 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] Drop-down navigation without javascript
On 29/01/2011 12:10 AM, Tim Climis wrote: On Thursday, January 27, 2011 11:14:07 pm Alan Gresley wrote: On 28/01/2011 9:16 AM, Jess Hardy wrote: This should be possible using the :focus and/or :active functions, or am I wrong? Keyboard accessible but maybe unnerving for some. Even works in IE5.5. http://css-class.com/articles/ursidae/bears5ddh-kbaccess.htm I had a similar example (wouldn't work in IE 5 or 6 though). I'd post it, except that I accidentally deleted my play server and didn't have a back up. I'm kind of glad that being able to access every item, even if it's not pretty counts as keyboard accessible, because I'd been wondering about that. ---Tim It only works in IE5.5, IE6 and IE7 by using :active since these three browser treat :active as good browsers treat :focus. A buggy IE implementation that is useful. :-) -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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] Drop-down navigation without javascript
On Fri, 28 Jan 2011, Ingo wrote: Jess Hardy schrieb am 27.01.2011 23:16 I am currently looking for a solution for creating a single level drop-down that can be activated by the keyboard but does not use the standard suckerfish approach. http://thinkhtml.blogspot.com/2009/09/timos-float-drop-css-only-dropdown-menu.html When I hover over the dark grey block, the menu appears below it; when I move the mouse away, it appears at the top right: http:..//t.cfaj.ca/ddm1.jpg http:..//t.cfaj.ca/ddm2.jpg The new holy grail, fixed width, tho. ... PS: The lists reply settings suck. Every time. Agreed. -- Chris F.A. Johnson, http://cfajohnson.com/ Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) __ 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/
[css-d] Drop-down navigation without javascript
Hello everyone, I am currently looking for a solution for creating a single level drop-down that can be activated by the keyboard but does not use the standard suckerfish approach. I had come across one previously but can not find the article. This should be possible using the :focus and/or :active functions, or am I wrong? __ 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] Drop-down navigation without javascript
On 1/27/11 5:16 PM, Jess Hardy wrote: Hello everyone, I am currently looking for a solution for creating a single level drop-down that can be activated by the keyboard but does not use the standard suckerfish approach. I had come across one previously but can not find the article. This should be possible using the :focus and/or :active functions, or am I wrong? I think TJK's drop-down may meet your requirement... Script-free modern browsers / keyboard-friendly http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/default.asp Best, ~d -- http://chelseacreekstudio.com/ http://chelseacreekstudio.com/fa/ __ 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] Drop-down navigation without javascript
David Laakso wrote: I think TJK's drop-down may meet your requirement... Script-free modern browsers / keyboard-friendly http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/default.asp Bearing in mind that the title of the thread is ... /without javascript/, I am somewhat concerned that the TJK dropdown does not meet this criterion : its description includes the statement It uses non-obtrusive Javascript There is no use of inline event handlers, so it would seem that JavaScript /is/ involved. Philip Taylor -- Not sent from my i-Pad, i-Phone, Blackberry, Blueberry, or any such similar poseurs' toy, none of which would I be seen dead with even if they came free with every packet of cornflakes. __ 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] Drop-down navigation without javascript
On 1/27/2011 5:27 PM, David Laakso wrote: On 1/27/11 5:16 PM, Jess Hardy wrote: Hello everyone, I am currently looking for a solution for creating a single level drop-down that can be activated by the keyboard but does not use the standard suckerfish approach. I had come across one previously but can not find the article. This should be possible using the :focus and/or :active functions, or am I wrong? I think TJK's drop-down may meet your requirement... Script-free modern browsers / keyboard-friendly http://www.tjkdesign.com/articles/keyboard_friendly_dropdown_menu/default.asp Best, ~d I cannot find it, but I thought that Gabriel Romanato offered up such a navigation bar not too long ago. Bill B __ 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] Drop-down navigation without javascript
On 28/01/2011 9:16 AM, Jess Hardy wrote: Hello everyone, I am currently looking for a solution for creating a single level drop-down that can be activated by the keyboard but does not use the standard suckerfish approach. I had come across one previously but can not find the article. This should be possible using the :focus and/or :active functions, or am I wrong? Keyboard accessible but maybe unnerving for some. Even works in IE5.5. http://css-class.com/articles/ursidae/bears5ddh-kbaccess.htm -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ 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/