<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress/2.3.1" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>
<channel>
	<title>Comments on: Quick Tip - Blurring Links</title>
	<link>http://www.learningjquery.com/2006/10/quick-tip-blur-links</link>
	<description>Getting to know the library of choice for unobtrusive JavaScript</description>
	<pubDate>Thu, 28 Aug 2008 23:59:55 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.3.1</generator>
		<item>
		<title>By: asdasd</title>
		<link>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-53644</link>
		<dc:creator>asdasd</dc:creator>
		<pubDate>Thu, 21 Aug 2008 14:55:19 +0000</pubDate>
		<guid>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-53644</guid>
		<description>&lt;strong&gt;alert('hello')Hello&lt;/strong&gt;</description>
		<content:encoded><![CDATA[<p><strong>alert(&#8217;hello&#8217;)Hello</strong></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: iDevGeek</title>
		<link>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-53219</link>
		<dc:creator>iDevGeek</dc:creator>
		<pubDate>Thu, 14 Aug 2008 19:27:37 +0000</pubDate>
		<guid>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-53219</guid>
		<description>I use the link blurring on DHTML elements which shouldn't have the nasty box around due to their use as controls on various dynamic components. 

&lt;strong&gt;Example as jQ plugin:&lt;/strong&gt;
&lt;code&gt;
$.fn.nb = function() {
	return this.focus(function(){
		this.blur()
	});
}
&lt;/code&gt;

&lt;strong&gt;Use:&lt;/strong&gt;
&lt;code&gt;
$('a.noblur').nb();
&lt;/code&gt;</description>
		<content:encoded><![CDATA[<p>I use the link blurring on DHTML elements which shouldn&#8217;t have the nasty box around due to their use as controls on various dynamic components. </p>
<p><strong>Example as jQ plugin:</strong><br />
<code><br />
$.fn.nb = function() {<br />
	return this.focus(function(){<br />
		this.blur()<br />
	});<br />
}<br />
</code></p>
<p><strong>Use:</strong><br />
<code><br />
$('a.noblur').nb();<br />
</code></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jake</title>
		<link>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-51388</link>
		<dc:creator>Jake</dc:creator>
		<pubDate>Wed, 16 Jul 2008 22:12:14 +0000</pubDate>
		<guid>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-51388</guid>
		<description>At post #2

The accesibility thing is rubbish, tab through until you get the link and IT'LL show the dotted outline ¬.¬</description>
		<content:encoded><![CDATA[<p>At post #2</p>
<p>The accesibility thing is rubbish, tab through until you get the link and IT&#8217;LL show the dotted outline ¬.¬</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Karl</title>
		<link>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-27409</link>
		<dc:creator>Karl</dc:creator>
		<pubDate>Wed, 16 Jan 2008 19:33:23 +0000</pubDate>
		<guid>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-27409</guid>
		<description>Hi Thai, look above for a link that says "click me and I won't show the ugly dotted outline." Click on it. That's the demo.</description>
		<content:encoded><![CDATA[<p>Hi Thai, look above for a link that says &#8220;click me and I won&#8217;t show the ugly dotted outline.&#8221; Click on it. That&#8217;s the demo.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Thai Property</title>
		<link>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-27374</link>
		<dc:creator>Thai Property</dc:creator>
		<pubDate>Wed, 16 Jan 2008 14:01:39 +0000</pubDate>
		<guid>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-27374</guid>
		<description>Hi Admin,

Have any demo ? i will see your code , cuz it hard to understand jQuery Code for me

Thanks</description>
		<content:encoded><![CDATA[<p>Hi Admin,</p>
<p>Have any demo ? i will see your code , cuz it hard to understand jQuery Code for me</p>
<p>Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: .KX</title>
		<link>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-20445</link>
		<dc:creator>.KX</dc:creator>
		<pubDate>Wed, 14 Nov 2007 08:28:21 +0000</pubDate>
		<guid>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-20445</guid>
		<description>If you don't want to see the focus outline, period - use this instead:

&lt;code&gt;
 $('a').focus(function() {
    this.blur();
 });
&lt;/code&gt;</description>
		<content:encoded><![CDATA[<p>If you don&#8217;t want to see the focus outline, period - use this instead:</p>
<p><code><br />
 $('a').focus(function() {<br />
    this.blur();<br />
 });<br />
</code></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Mike</title>
		<link>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-18273</link>
		<dc:creator>Mike</dc:creator>
		<pubDate>Tue, 30 Oct 2007 13:33:47 +0000</pubDate>
		<guid>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-18273</guid>
		<description>Nice one! But how to get rid of outlines that appear when clicking on buttons (inputs)? Anyone has a clue?</description>
		<content:encoded><![CDATA[<p>Nice one! But how to get rid of outlines that appear when clicking on buttons (inputs)? Anyone has a clue?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Derek</title>
		<link>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-4719</link>
		<dc:creator>Derek</dc:creator>
		<pubDate>Wed, 18 Apr 2007 13:30:54 +0000</pubDate>
		<guid>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-4719</guid>
		<description>got it!

MUCH thanks!

--DVO</description>
		<content:encoded><![CDATA[<p>got it!</p>
<p>MUCH thanks!</p>
<p>&#8211;DVO</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Karl</title>
		<link>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-4718</link>
		<dc:creator>Karl</dc:creator>
		<pubDate>Wed, 18 Apr 2007 12:54:08 +0000</pubDate>
		<guid>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-4718</guid>
		<description>Hi Derek, 
Somewhere in the &#60;head&#62; of your HTML file, you'll need to include a reference to the jquery.js file and your custom script file. For example:
&lt;pre&gt;&lt;code&gt;&#60;script src=&#34;/scripts/jquery.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62;
&#60;script src=&#34;/scripts/myscripts.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62;&lt;/pre&gt;&lt;/code&gt;
Then, in your custom script file, you can drop this in:&lt;pre&gt;&lt;code&gt;//load the script when the DOM is ready
$(document).ready(function() {
  // for any 'a' element with class="fun", 
  // take focus off of the link when it's clicked  
     $('a.fun').click(function() {
       this.blur();
        // do something else here
        // then stop the click from executing the default action
       return false;
     });  
});&lt;/code&gt;&lt;/pre&gt;Of course, you don't need the comment lines (the ones with &lt;code&gt;//&lt;/code&gt;. I just put them in there to give you an idea of what is going on.

Hope that helps!</description>
		<content:encoded><![CDATA[<p>Hi Derek,<br />
Somewhere in the &lt;head&gt; of your HTML file, you&#8217;ll need to include a reference to the jquery.js file and your custom script file. For example:</p>
<pre><code>&lt;script src=&quot;/scripts/jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;/scripts/myscripts.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</code></pre>
<p>Then, in your custom script file, you can drop this in:
<pre><code>//load the script when the DOM is ready
$(document).ready(function() {
  // for any 'a' element with class="fun",
  // take focus off of the link when it's clicked
     $('a.fun').click(function() {
       this.blur();
        // do something else here
        // then stop the click from executing the default action
       return false;
     });
});</code></pre>
<p>Of course, you don&#8217;t need the comment lines (the ones with <code>//</code>. I just put them in there to give you an idea of what is going on.</p>
<p>Hope that helps!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Derek</title>
		<link>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-4717</link>
		<dc:creator>Derek</dc:creator>
		<pubDate>Wed, 18 Apr 2007 12:17:19 +0000</pubDate>
		<guid>http://www.learningjquery.com/2006/10/quick-tip-blur-links#comment-4717</guid>
		<description>new to this.

what's the full code to implement this...?</description>
		<content:encoded><![CDATA[<p>new to this.</p>
<p>what&#8217;s the full code to implement this&#8230;?</p>
]]></content:encoded>
	</item>
</channel>
</rss>
