<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>
<channel>
	<title>Comments on: Checkbox Range Selection (a la GMail)</title>
	<atom:link href="http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/</link>
	<description>Thoughts, rants, and even some code from the mind of Barney Boisvert.</description>
	<pubDate>Thu, 20 Nov 2008 07:28:10 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.1</generator>
		<item>
		<title>By: barneyb</title>
		<link>http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-141363</link>
		<dc:creator>barneyb</dc:creator>
		<pubDate>Sun, 16 Nov 2008 19:37:12 +0000</pubDate>
		<guid isPermaLink="false">http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-141363</guid>
		<description>Thanks Henrik.  I didn't know you could "name" handlers like that - very handy.  I've updated the code in the post with both of your suggestions.</description>
		<content:encoded><![CDATA[<p>Thanks Henrik.  I didn't know you could "name" handlers like that - very handy.  I've updated the code in the post with both of your suggestions.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Henrik N</title>
		<link>http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-141256</link>
		<dc:creator>Henrik N</dc:creator>
		<pubDate>Sun, 16 Nov 2008 10:59:42 +0000</pubDate>
		<guid isPermaLink="false">http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-141256</guid>
		<description>I also changed e.shiftKey to (e.shiftKey &#124;&#124; e.metaKey) so Command (in OS X) can be used in addition to Shift. Feels better somehow.</description>
		<content:encoded><![CDATA[<p>I also changed e.shiftKey to (e.shiftKey || e.metaKey) so Command (in OS X) can be used in addition to Shift. Feels better somehow.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Henrik N</title>
		<link>http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-141251</link>
		<dc:creator>Henrik N</dc:creator>
		<pubDate>Sun, 16 Nov 2008 10:49:15 +0000</pubDate>
		<guid isPermaLink="false">http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-141251</guid>
		<description>Thanks for this.

I made a slight modification, namespacing the click event (so it can be unbound unambiguously) and unbinding it before reapplying.

http://pastie.textmate.org/316003

I have checkboxes in drag-and-drop sortables. This way, I can re-apply enableCheckboxRangeSelection after sorting to get the order right.</description>
		<content:encoded><![CDATA[<p>Thanks for this.</p>
<p>I made a slight modification, namespacing the click event (so it can be unbound unambiguously) and unbinding it before reapplying.</p>
<p><a href="http://pastie.textmate.org/316003" rel="nofollow">http://pastie.textmate.org/316003</a></p>
<p>I have checkboxes in drag-and-drop sortables. This way, I can re-apply enableCheckboxRangeSelection after sorting to get the order right.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Matt Simp</title>
		<link>http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-100952</link>
		<dc:creator>Matt Simp</dc:creator>
		<pubDate>Mon, 30 Jun 2008 21:23:25 +0000</pubDate>
		<guid isPermaLink="false">http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-100952</guid>
		<description>you rock</description>
		<content:encoded><![CDATA[<p>you rock</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: &#187; jQuery的checkbox插件(Shift多选,类似Gmail) Combie&#8217;s Blog</title>
		<link>http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-97657</link>
		<dc:creator>&#187; jQuery的checkbox插件(Shift多选,类似Gmail) Combie&#8217;s Blog</dc:creator>
		<pubDate>Wed, 18 Jun 2008 11:32:29 +0000</pubDate>
		<guid isPermaLink="false">http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-97657</guid>
		<description>[...] 引自：http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/      Blogroll [...]</description>
		<content:encoded><![CDATA[<p>[...] 引自：http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/      Blogroll [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Weixi Yen</title>
		<link>http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-58692</link>
		<dc:creator>Weixi Yen</dc:creator>
		<pubDate>Fri, 01 Feb 2008 07:04:52 +0000</pubDate>
		<guid isPermaLink="false">http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-58692</guid>
		<description>Thanks for the insights guys.  Instead of keeping the selection, I actually decided to remove caching for consistency's sake for now.  I did get the highlighting to work too.  I just appended some code to the plugin.  Not sure if there was a better way to do it:
http://resopollution.com/granicus/training/js/ui.checkboxrange.js

I am really happy with the result I have so far though.  Just discovered I could use  tags to sync with the checkboxes and enable the entire row to be shift-clickable.
http://resopollution.com/granicus/training/library.html

I could even get rid of the checkboxes visually by hiding them behind other divs or using position:absolute and left:-10000px

This is a great plugin and thanks for the great support!</description>
		<content:encoded><![CDATA[<p>Thanks for the insights guys.  Instead of keeping the selection, I actually decided to remove caching for consistency's sake for now.  I did get the highlighting to work too.  I just appended some code to the plugin.  Not sure if there was a better way to do it:<br />
<a href="http://resopollution.com/granicus/training/js/ui.checkboxrange.js" rel="nofollow">http://resopollution.com/granicus/training/js/ui.checkboxrange.js</a></p>
<p>I am really happy with the result I have so far though.  Just discovered I could use  tags to sync with the checkboxes and enable the entire row to be shift-clickable.<br />
<a href="http://resopollution.com/granicus/training/library.html" rel="nofollow">http://resopollution.com/granicus/training/library.html</a></p>
<p>I could even get rid of the checkboxes visually by hiding them behind other divs or using position:absolute and left:-10000px</p>
<p>This is a great plugin and thanks for the great support!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dan G. Switzer, II</title>
		<link>http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-58653</link>
		<dc:creator>Dan G. Switzer, II</dc:creator>
		<pubDate>Fri, 01 Feb 2008 03:15:46 +0000</pubDate>
		<guid isPermaLink="false">http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-58653</guid>
		<description>@Weixi:

IE6 loses the state of most form fields when the element is cloned. I would bet you might have to do something more complex to actually move the nodes other than the sort code you have above, but before implementing any more code I'd make sure you test the latest version of jQuery.</description>
		<content:encoded><![CDATA[<p>@Weixi:</p>
<p>IE6 loses the state of most form fields when the element is cloned. I would bet you might have to do something more complex to actually move the nodes other than the sort code you have above, but before implementing any more code I'd make sure you test the latest version of jQuery.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: barneyb</title>
		<link>http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-58631</link>
		<dc:creator>barneyb</dc:creator>
		<pubDate>Fri, 01 Feb 2008 00:25:27 +0000</pubDate>
		<guid isPermaLink="false">http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-58631</guid>
		<description>Weixi,

You can bind multiple listeners for a single event.</description>
		<content:encoded><![CDATA[<p>Weixi,</p>
<p>You can bind multiple listeners for a single event.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Weixi Yen</title>
		<link>http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-58629</link>
		<dc:creator>Weixi Yen</dc:creator>
		<pubDate>Fri, 01 Feb 2008 00:16:09 +0000</pubDate>
		<guid isPermaLink="false">http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-58629</guid>
		<description>Hi Barney,

I am using this for sort plugins:
jQuery.fn.sort = function()
{
	return this.pushStack([].sort.apply(this,arguments), []);
}

I realized something odd.  Firefox and IE7 does cache the checkboxes, just IE6 does not.  Anyways, that is good enough.  It pretty much works well enough.

Another question if I may.  In Gmail, I noticed that the background container gets highlighted when someone clicks a checkbox.  Could you possibly point me in the right direction how to link the action of shift-clicking a checkbox and binding another object action?

Thank you,

Weixi</description>
		<content:encoded><![CDATA[<p>Hi Barney,</p>
<p>I am using this for sort plugins:<br />
jQuery.fn.sort = function()<br />
{<br />
	return this.pushStack([].sort.apply(this,arguments), []);<br />
}</p>
<p>I realized something odd.  Firefox and IE7 does cache the checkboxes, just IE6 does not.  Anyways, that is good enough.  It pretty much works well enough.</p>
<p>Another question if I may.  In Gmail, I noticed that the background container gets highlighted when someone clicks a checkbox.  Could you possibly point me in the right direction how to link the action of shift-clicking a checkbox and binding another object action?</p>
<p>Thank you,</p>
<p>Weixi</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: barneyb</title>
		<link>http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-58626</link>
		<dc:creator>barneyb</dc:creator>
		<pubDate>Fri, 01 Feb 2008 00:08:00 +0000</pubDate>
		<guid isPermaLink="false">http://www.barneyb.com/barneyblog/2008/01/08/checkbox-range-selection-a-la-gmail/#comment-58626</guid>
		<description>Weixi,

How does your sort work?  It might be the only option if they're getting unchecked because they're being removed from the DOM and then reinserted (which will clear them).  You could cache the checked checkboxes, sort, and then recheck them, I suppose.</description>
		<content:encoded><![CDATA[<p>Weixi,</p>
<p>How does your sort work?  It might be the only option if they're getting unchecked because they're being removed from the DOM and then reinserted (which will clear them).  You could cache the checked checkboxes, sort, and then recheck them, I suppose.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
