<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Workin' on it. &#187; event.stopPropagation</title>
	<atom:link href="http://jameshalberg.wordpress.com/tag/eventstoppropagation/feed/" rel="self" type="application/rss+xml" />
	<link>http://jameshalberg.wordpress.com</link>
	<description></description>
	<lastBuildDate>Sat, 19 Nov 2011 14:15:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='jameshalberg.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Workin' on it. &#187; event.stopPropagation</title>
		<link>http://jameshalberg.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://jameshalberg.wordpress.com/osd.xml" title="Workin&#039; on it." />
	<atom:link rel='hub' href='http://jameshalberg.wordpress.com/?pushpress=hub'/>
		<item>
		<title>click clack</title>
		<link>http://jameshalberg.wordpress.com/2007/11/09/click-clack/</link>
		<comments>http://jameshalberg.wordpress.com/2007/11/09/click-clack/#comments</comments>
		<pubDate>Fri, 09 Nov 2007 12:01:30 +0000</pubDate>
		<dc:creator>Jim</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[event.stopPropagation]]></category>

		<guid isPermaLink="false">http://jameshalberg.wordpress.com/2007/11/09/click-clack/</guid>
		<description><![CDATA[Ran into an interesting issue today that I&#8217;m surprised I haven&#8217;t hit before. A list contains many entries, each displaying some high level data about what lies beneath. A click anywhere on the entry should take you to a more &#8230; <a href="http://jameshalberg.wordpress.com/2007/11/09/click-clack/">Continue reading <span class="meta-nav">&#8594;</span></a><img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jameshalberg.wordpress.com&amp;blog=160606&amp;post=86&amp;subd=jameshalberg&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Ran into an interesting issue today that I&#8217;m surprised I haven&#8217;t hit before.  A list contains many entries, each displaying some high level data about what lies beneath.  A click anywhere on the entry should take you to a more detailed view&#8230;</p>
<p><a title="clickclack.png" href="http://jameshalberg.files.wordpress.com/2007/11/clickclack.png"><img style="width:100%;" src="http://jameshalberg.files.wordpress.com/2007/11/clickclack.png?w=500" alt="clickclack.png" /></a></p>
<p>The trick comes with the whole &#8220;click anywhere on the entry&#8221; bit.  In reality, we only want that to be &#8220;mostly true&#8221; &#8211; in this case clicking on the checkbox or PDF icon (in the upper right) should lead to different actions.</p>
<p>Anyway, the bit that was new to me was stopping a click on the checkbox (for example) from also taking you to the detail page (since it is afterall, a click &#8220;anywhere on the entry&#8221;).</p>
<p>click the checkbox here and receive two alerts:</p>
<p><a title="1alert1.png" href="http://jameshalberg.files.wordpress.com/2007/11/1alert1.png"><img src="http://jameshalberg.files.wordpress.com/2007/11/1alert1.png?w=500" alt="1alert1.png" /></a></p>
<p>click here and see only the one you want (&#8216;checkbox&#8217;):</p>
<p><a title="2alerts1.png" href="http://jameshalberg.files.wordpress.com/2007/11/2alerts1.png"><img src="http://jameshalberg.files.wordpress.com/2007/11/2alerts1.png?w=500" alt="2alerts1.png" /></a></p>
<p>&#8230; and if it doesn&#8217;t work.  Make sure you know how to spell &#8220;propagation&#8221; (not that that happened to anyone I know).</p>
<p>some more <a href="http://developer.mozilla.org/en/docs/DOM:event.stopPropagation">here</a></p>
<p>Update 10/27/08: Another <a href="http://www.quirksmode.org/js/events_order.html">helpful link</a> on event handling.</p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/jameshalberg.wordpress.com/86/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/jameshalberg.wordpress.com/86/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/jameshalberg.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/jameshalberg.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/jameshalberg.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/jameshalberg.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/jameshalberg.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/jameshalberg.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/jameshalberg.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/jameshalberg.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/jameshalberg.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/jameshalberg.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/jameshalberg.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/jameshalberg.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/jameshalberg.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/jameshalberg.wordpress.com/86/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=jameshalberg.wordpress.com&amp;blog=160606&amp;post=86&amp;subd=jameshalberg&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://jameshalberg.wordpress.com/2007/11/09/click-clack/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">jameshalberg</media:title>
		</media:content>

		<media:content url="http://jameshalberg.files.wordpress.com/2007/11/clickclack.png" medium="image">
			<media:title type="html">clickclack.png</media:title>
		</media:content>

		<media:content url="http://jameshalberg.files.wordpress.com/2007/11/1alert1.png" medium="image">
			<media:title type="html">1alert1.png</media:title>
		</media:content>

		<media:content url="http://jameshalberg.files.wordpress.com/2007/11/2alerts1.png" medium="image">
			<media:title type="html">2alerts1.png</media:title>
		</media:content>
	</item>
	</channel>
</rss>
