<?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"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comments on: JavaScript optimization Part 3: Attaching events</title>
	<atom:link href="http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/feed/" rel="self" type="application/rss+xml" />
	<link>http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/</link>
	<description>In my blog I'll try to describe about interesting technologies, my discovery in IT and some useful things about programming.</description>
	<lastBuildDate>Tue, 29 Dec 2009 10:34:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: ror</title>
		<link>http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-264182</link>
		<dc:creator>ror</dc:creator>
		<pubDate>Fri, 12 Mar 2010 12:12:00 +0000</pubDate>
		<guid isPermaLink="false">http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-264182</guid>
		<description>UJS Rails Plugin rules!</description>
		<content:encoded><![CDATA[<p>UJS Rails Plugin rules!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Kniaź</title>
		<link>http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-147423</link>
		<dc:creator>Kniaź</dc:creator>
		<pubDate>Fri, 12 Mar 2010 18:56:00 +0000</pubDate>
		<guid isPermaLink="false">http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-147423</guid>
		<description>I&#039;m sure also, that Your code using &quot;manual&quot; events setting would be little faster if you checking event&#039;s attaching methods existence once. On attaching example:

[cc lang=&quot;javascript&quot;]
// Attaching events
if (items[0].addEventListener) {
    for (var i = items.length; i--; ) {
        items[i].addEventListener(&#039;click&#039;, e_onclick, false);
    }
} else if (items[0].attachEvent) {
    for (var i = items.length; i--; ) {
        items[i].attachEvent(&#039;onclick&#039;, e_onclick);
    }
}
[/cc]

Look also on brilliant idea in one of last slide of Dan Webb&#039;s presentation here:
http://www.danwebb.net/2007/11/22/media-ajax

btw. thx for the link to Low Pro :-)</description>
		<content:encoded><![CDATA[<p>I&#8217;m sure also, that Your code using &#8220;manual&#8221; events setting would be little faster if you checking event&#8217;s attaching methods existence once. On attaching example:</p>
<div class="codecolorer-container javascript twitlight" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br /></div></td><td><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #006600; font-style: italic;">// Attaching events</span><br />
<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>items<span style="color: #009900;">&#91;</span>0<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> items.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">--;</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; items<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> e_onclick<span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>items<span style="color: #009900;">&#91;</span>0<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">attachEvent</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> items.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">--;</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; items<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">attachEvent</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'onclick'</span><span style="color: #339933;">,</span> e_onclick<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #009900;">&#125;</span><br />
<span style="color: #009900;">&#125;</span></div></td></tr></tbody></table></div>
<p>Look also on brilliant idea in one of last slide of Dan Webb&#8217;s presentation here:<br />
<a href="http://www.danwebb.net/2007/11/22/media-ajax" rel="nofollow">http://www.danwebb.net/2007/11/22/media-ajax</a></p>
<p>btw. thx for the link to Low Pro :-)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dmytro Shteflyuk</title>
		<link>http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-140688</link>
		<dc:creator>Dmytro Shteflyuk</dc:creator>
		<pubDate>Fri, 12 Mar 2010 13:07:00 +0000</pubDate>
		<guid isPermaLink="false">http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-140688</guid>
		<description>Спасибо за ссылку и за баг :-) Будем посмотреть</description>
		<content:encoded><![CDATA[<p>Спасибо за ссылку и за баг :-) Будем посмотреть</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: vectoroc</title>
		<link>http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-140687</link>
		<dc:creator>vectoroc</dc:creator>
		<pubDate>Fri, 12 Mar 2010 12:54:00 +0000</pubDate>
		<guid isPermaLink="false">http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-140687</guid>
		<description>очень много дельных советов можно почерпнуть из &lt;a href=&quot;http://yuiblog.com/blog/2007/12/20/video-lecomte/&quot; rel=&quot;nofollow&quot;&gt;этой статьи&lt;/a&gt;

ps. OpenID не отработал

[cc lang=&quot;text&quot;]
Fatal error:  Call to undefined function curl_init() in /var/www/kpumuk/kpumuk.info/wp-content/plugins/openid/openid-classes.php on line 229
[/cc]

</description>
		<content:encoded><![CDATA[<p>очень много дельных советов можно почерпнуть из <a href="http://yuiblog.com/blog/2007/12/20/video-lecomte/" rel="nofollow">этой статьи</a></p>
<p>ps. OpenID не отработал</p>
<div class="codecolorer-container text twitlight" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">Fatal error: &nbsp;Call to undefined function curl_init() in /var/www/kpumuk/kpumuk.info/wp-content/plugins/openid/openid-classes.php on line 229</div></td></tr></tbody></table></div>
]]></content:encoded>
	</item>
	<item>
		<title>By: JavaScript: Оптимизация при подписке на события &#187; Wake Up!</title>
		<link>http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-90905</link>
		<dc:creator>JavaScript: Оптимизация при подписке на события &#187; Wake Up!</dc:creator>
		<pubDate>Fri, 12 Mar 2010 22:16:00 +0000</pubDate>
		<guid isPermaLink="false">http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-90905</guid>
		<description>[...] Что лучше использовать при подписке на события - фреймвор или делать это вручную? ответ здесь [...]</description>
		<content:encoded><![CDATA[<p>[...] Что лучше использовать при подписке на события &#8211; фреймвор или делать это вручную? ответ здесь [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: All in a days work&#8230;</title>
		<link>http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-77795</link>
		<dc:creator>All in a days work&#8230;</dc:creator>
		<pubDate>Fri, 12 Mar 2010 06:28:00 +0000</pubDate>
		<guid isPermaLink="false">http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-77795</guid>
		<description>[...] JavaScript optimization Part 3: Attaching events [...]</description>
		<content:encoded><![CDATA[<p>[...] JavaScript optimization Part 3: Attaching events [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dmytro Shteflyuk</title>
		<link>http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-47603</link>
		<dc:creator>Dmytro Shteflyuk</dc:creator>
		<pubDate>Fri, 12 Mar 2010 16:05:00 +0000</pubDate>
		<guid isPermaLink="false">http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-47603</guid>
		<description>Thank you, Enrique
You right, of course. It&#039;s better to use one event observer for parent element instead of separate observers for each child node. Great tip!</description>
		<content:encoded><![CDATA[<p>Thank you, Enrique<br />
You right, of course. It&#8217;s better to use one event observer for parent element instead of separate observers for each child node. Great tip!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Enrique Melendez</title>
		<link>http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-47545</link>
		<dc:creator>Enrique Melendez</dc:creator>
		<pubDate>Fri, 12 Mar 2010 13:13:00 +0000</pubDate>
		<guid isPermaLink="false">http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-47545</guid>
		<description>Great article,
One thing to take into consideration about applying events (apart from &quot;how&quot;) is &quot;where&quot;.

I mean, for example, it&#039;s far better to attach ONE &quot;mouseover&quot; event to a whole &quot;tbody&quot; and capture the &quot;td&quot; source which fired it than to attach many of &quot;mouseover&quot;s to ALL &quot;td&quot;s...

So, for speed reasons it is crucial &quot;where&quot; do you attach your events...</description>
		<content:encoded><![CDATA[<p>Great article,<br />
One thing to take into consideration about applying events (apart from &#8220;how&#8221;) is &#8220;where&#8221;.</p>
<p>I mean, for example, it&#8217;s far better to attach ONE &#8220;mouseover&#8221; event to a whole &#8220;tbody&#8221; and capture the &#8220;td&#8221; source which fired it than to attach many of &#8220;mouseover&#8221;s to ALL &#8220;td&#8221;s&#8230;</p>
<p>So, for speed reasons it is crucial &#8220;where&#8221; do you attach your events&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Dev::Info</title>
		<link>http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-44372</link>
		<dc:creator>Dev::Info</dc:creator>
		<pubDate>Fri, 12 Mar 2010 12:47:00 +0000</pubDate>
		<guid isPermaLink="false">http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-44372</guid>
		<description>&lt;strong&gt;Optimalizace JavaScriptu...&lt;/strong&gt;

Dmitrij Štefljuk  píše velmi zajímavý seriál o optimalizaci JavaScriptu. Doporučuji všem, co se zabývají JavaScriptem.


...</description>
		<content:encoded><![CDATA[<p><strong>Optimalizace JavaScriptu&#8230;</strong></p>
<p>Dmitrij Štefljuk  píše velmi zajímavý seriál o optimalizaci JavaScriptu. Doporučuji všem, co se zabývají JavaScriptem.</p>
<p>&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: http://kovyrin.info/curriculum-vitae/</title>
		<link>http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-44334</link>
		<dc:creator>http://kovyrin.info/curriculum-vitae/</dc:creator>
		<pubDate>Fri, 12 Mar 2010 08:17:00 +0000</pubDate>
		<guid isPermaLink="false">http://kpumuk.info/javascript/javascript-optimization-part-3-attaching-events/#comment-44334</guid>
		<description>Thanks for really interesting post and for mentioning Low Pro.</description>
		<content:encoded><![CDATA[<p>Thanks for really interesting post and for mentioning Low Pro.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
