Comments on: jQuery Ratings - A Progressive Enhancement Approach http://somedirection.com/2008/03/24/jquery-ratings-a-progressive-enhancement-approach/ Fri, 16 May 2008 22:33:57 +0000 http://wordpress.org/?v=2.5 By: Jason http://somedirection.com/2008/03/24/jquery-ratings-a-progressive-enhancement-approach/#comment-3429 Jason Mon, 31 Mar 2008 19:09:05 +0000 http://somedirection.com/2008/03/24/jquery-ratings-a-progressive-enhancement-approach/#comment-3429 <p>I forgot to mention in my previous post a solution to the problem I highlighted. The CSS declarations display:none and visibility:hidden will prohibit form elements from receiving focus, and as jQuery's hide() method uses display:none (I believe), this is out. However, one can use position:absolute; and z-index:-1; to place the form element <em>behind</em> its label effectively hiding it. To save our graceful degradation, these CSS declarations would best be applied using a class that is added to the elements via JS. Otherwise, the form elements would be hidden in the JS-off, CSS-on scenario.</p> I forgot to mention in my previous post a solution to the problem I highlighted. The CSS declarations display:none and visibility:hidden will prohibit form elements from receiving focus, and as jQuery’s hide() method uses display:none (I believe), this is out. However, one can use position:absolute; and z-index:-1; to place the form element behind its label effectively hiding it. To save our graceful degradation, these CSS declarations would best be applied using a class that is added to the elements via JS. Otherwise, the form elements would be hidden in the JS-off, CSS-on scenario.

]]> By: Jason http://somedirection.com/2008/03/24/jquery-ratings-a-progressive-enhancement-approach/#comment-3428 Jason Mon, 31 Mar 2008 18:49:01 +0000 http://somedirection.com/2008/03/24/jquery-ratings-a-progressive-enhancement-approach/#comment-3428 <p>Although I like the approach and the concept is great, the implementation leaves much to be desired. This solution is inaccessible to users who are unable to use a mouse, as the labels do not receive focus by tabbing. (Tested in Fx 2 and 3b4, IE7)</p> Although I like the approach and the concept is great, the implementation leaves much to be desired. This solution is inaccessible to users who are unable to use a mouse, as the labels do not receive focus by tabbing. (Tested in Fx 2 and 3b4, IE7)

]]> By: Kyle http://somedirection.com/2008/03/24/jquery-ratings-a-progressive-enhancement-approach/#comment-3320 Kyle Mon, 24 Mar 2008 16:09:06 +0000 http://somedirection.com/2008/03/24/jquery-ratings-a-progressive-enhancement-approach/#comment-3320 <p>Great point Steve!</p> <p>Use of the <legend> element would definitely improve the markup. I'll have to roll that in!</p> Great point Steve!

Use of the element would definitely improve the markup. I’ll have to roll that in!

]]> By: steve http://somedirection.com/2008/03/24/jquery-ratings-a-progressive-enhancement-approach/#comment-3318 steve Mon, 24 Mar 2008 14:55:19 +0000 http://somedirection.com/2008/03/24/jquery-ratings-a-progressive-enhancement-approach/#comment-3318 <p>Nice!</p> <p>My only suggestion would be the addition of a legend element on the form for the "rate" text that you would then enhance via CSS to prettify it to what you've got now.</p> Nice!

My only suggestion would be the addition of a legend element on the form for the “rate” text that you would then enhance via CSS to prettify it to what you’ve got now.

]]>