Comments for My blog http://www.coshima.com Just another WordPress weblog Wed, 02 Feb 2011 20:41:35 +0000 hourly 1 http://wordpress.org/?v=3.0.4 Comment on Custom checkboxes and radio buttons with jQuery by craig http://www.coshima.com/2010/09/22/custom-checkboxes-and-radio-buttons-with-jquery/comment-page-1/#comment-51 craig Wed, 02 Feb 2011 20:41:35 +0000 http://www.coshima.com/?p=14#comment-51 To better handle varying backgrounds, I changed the approach from using z-index to position the label over the checkbox element and now just position the checkbox element way offscreen to the left. (And obviously, switched the sprites to an image with transparency.) We'll see how well it works out; seems good so far. To better handle varying backgrounds, I changed the approach from using z-index to position the label over the checkbox element and now just position the checkbox element way offscreen to the left. (And obviously, switched the sprites to an image with transparency.) We’ll see how well it works out; seems good so far.

]]> Comment on Custom checkboxes and radio buttons with jQuery by craig http://www.coshima.com/2010/09/22/custom-checkboxes-and-radio-buttons-with-jquery/comment-page-1/#comment-5 craig Wed, 29 Sep 2010 17:15:06 +0000 http://www.coshima.com/?p=14#comment-5 A couple follow-up comments: First, saving a reference to the wrapper div was pointless, because you cannot dynamically change the input's type from checkbox to radio button (I should have known that), and consequently, the element needs to be replaced and the event handlers hooked up again. I considered using event delegation to avoid having to re-bind events, but in the end decided to just blow away the checkboxes and replace them with a new set of radio buttons. Second, this approach works by covering the native checkbox or radio with the corresponding label, which has an opaque background. This means if you need checkboxes to appear on more than one color, you'll need one image sprite for each background color. I'm okay with this limitation, but it's unfortunate. I look forward to seeing what jQuery UI comes up with. A couple follow-up comments: First, saving a reference to the wrapper div was pointless, because you cannot dynamically change the input’s type from checkbox to radio button (I should have known that), and consequently, the element needs to be replaced and the event handlers hooked up again. I considered using event delegation to avoid having to re-bind events, but in the end decided to just blow away the checkboxes and replace them with a new set of radio buttons.

Second, this approach works by covering the native checkbox or radio with the corresponding label, which has an opaque background. This means if you need checkboxes to appear on more than one color, you’ll need one image sprite for each background color. I’m okay with this limitation, but it’s unfortunate. I look forward to seeing what jQuery UI comes up with.

]]>