<?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: Quick Tip: Dynamically add an icon for external links</title>
	<atom:link href="http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links/feed" rel="self" type="application/rss+xml" />
	<link>http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links</link>
	<description>Tips, techniques, and tutorials for the jQuery JavaScript library</description>
	<lastBuildDate>Fri, 12 Mar 2010 06:30:11 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>By: David Lockie</title>
		<link>http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links/comment-page-1#comment-79747</link>
		<dc:creator>David Lockie</dc:creator>
		<pubDate>Fri, 26 Feb 2010 16:21:26 +0000</pubDate>
		<guid isPermaLink="false">http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links#comment-79747</guid>
		<description>@Karl - thanks for the non-image-containing-link selector. Tried every syntax EXCEPT that one ;)</description>
		<content:encoded><![CDATA[<p>@Karl &#8211; thanks for the non-image-containing-link selector. Tried every syntax EXCEPT that one ;)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: david</title>
		<link>http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links/comment-page-1#comment-79709</link>
		<dc:creator>david</dc:creator>
		<pubDate>Mon, 15 Feb 2010 16:25:57 +0000</pubDate>
		<guid isPermaLink="false">http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links#comment-79709</guid>
		<description>Late reply, I know, but you could include

&lt;code&gt;white-space: nowrap;&lt;/code&gt;

with your a.external style, with the caveat that long links could break your design somewhere.</description>
		<content:encoded><![CDATA[<p>Late reply, I know, but you could include</p>
<p><code>white-space: nowrap;</code></p>
<p>with your a.external style, with the caveat that long links could break your design somewhere.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Karl Swedberg</title>
		<link>http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links/comment-page-1#comment-79594</link>
		<dc:creator>Karl Swedberg</dc:creator>
		<pubDate>Wed, 20 Jan 2010 18:38:01 +0000</pubDate>
		<guid isPermaLink="false">http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links#comment-79594</guid>
		<description>My recommendation is to take the advice from the people on that forum: ignore those Firefox warnings. They&#039;re meaningless within the context of JavaScript.</description>
		<content:encoded><![CDATA[<p>My recommendation is to take the advice from the people on that forum: ignore those Firefox warnings. They&#8217;re meaningless within the context of JavaScript.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jean-Frederic</title>
		<link>http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links/comment-page-1#comment-79593</link>
		<dc:creator>Jean-Frederic</dc:creator>
		<pubDate>Wed, 20 Jan 2010 18:30:11 +0000</pubDate>
		<guid isPermaLink="false">http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links#comment-79593</guid>
		<description>this is the error message i got.

Warning: Unknown pseudo-class or pseudo-element &#039;has&#039;.  Malformed simple selector as negation pseudo-class argument &#039;has&#039;.

On some forum, peoples are saying this : 
it&#039;s not an error, it&#039;s just a warning.
And this particular warning tells us that Firefox is not aware of
jQuery selectors, at least not of the :gt() selector, but, as long as
you know that it is a valid selector (and it works), you should just
ignore the warning.... 

Is there something we can do for this ? or just wait for the jQuery 1.5 to solve that issue ? or maybe next version of FireFox...

Thanks</description>
		<content:encoded><![CDATA[<p>this is the error message i got.</p>
<p>Warning: Unknown pseudo-class or pseudo-element &#8216;has&#8217;.  Malformed simple selector as negation pseudo-class argument &#8216;has&#8217;.</p>
<p>On some forum, peoples are saying this :<br />
it&#8217;s not an error, it&#8217;s just a warning.<br />
And this particular warning tells us that Firefox is not aware of<br />
jQuery selectors, at least not of the :gt() selector, but, as long as<br />
you know that it is a valid selector (and it works), you should just<br />
ignore the warning&#8230;. </p>
<p>Is there something we can do for this ? or just wait for the jQuery 1.5 to solve that issue ? or maybe next version of FireFox&#8230;</p>
<p>Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jean-Frederic</title>
		<link>http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links/comment-page-1#comment-79591</link>
		<dc:creator>Jean-Frederic</dc:creator>
		<pubDate>Wed, 20 Jan 2010 15:57:32 +0000</pubDate>
		<guid isPermaLink="false">http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links#comment-79591</guid>
		<description>&lt;code&gt;$(document).ready(function() {  $(&#039;a:not(.nojqueryanchor):not(:has(img))&#039;).filter(function() { return this.hostname &amp;&amp; this.hostname !== location.hostname;  }).after(&#039; &#039;).attr(&#039;target&#039;, &#039;_blank&#039;);});&lt;/code&gt;

This is my latest code. Unfortunatly, im getting an error about &quot;has&quot; that is malformed, in the Firefox&#039;s console.

Do i need to add something ? like.... &lt;code&gt;:not(&quot;:has(img)&quot;)&lt;/code&gt;... or  &lt;code&gt;:not(&quot;:has(&quot;img&quot;)&quot;)&lt;/code&gt;

Thanks</description>
		<content:encoded><![CDATA[<p><code>$(document).ready(function() {  $('a:not(.nojqueryanchor):not(:has(img))').filter(function() { return this.hostname &amp;&amp; this.hostname !== location.hostname;  }).after(' ').attr('target', '_blank');});</code></p>
<p>This is my latest code. Unfortunatly, im getting an error about &#8220;has&#8221; that is malformed, in the Firefox&#8217;s console.</p>
<p>Do i need to add something ? like&#8230;. <code>:not(":has(img)")</code>&#8230; or  <code>:not(":has("img")")</code></p>
<p>Thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jean-Frederic</title>
		<link>http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links/comment-page-1#comment-79577</link>
		<dc:creator>Jean-Frederic</dc:creator>
		<pubDate>Tue, 19 Jan 2010 15:46:19 +0000</pubDate>
		<guid isPermaLink="false">http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links#comment-79577</guid>
		<description>I think I got the solution. This look like working perfectly. Maybe there is a shortcut.

&lt;code&gt;$(document).ready(function() {  $(&#039;a:not(.nojqueryanchor):not(:has(img))&#039;).filter(function() { return this.hostname &amp;&amp; this.hostname !== location.hostname;  }).after(&#039; &#039;).attr(&#039;target&#039;, &#039;_blank&#039;);});&lt;/code&gt;</description>
		<content:encoded><![CDATA[<p>I think I got the solution. This look like working perfectly. Maybe there is a shortcut.</p>
<p><code>$(document).ready(function() {  $('a:not(.nojqueryanchor):not(:has(img))').filter(function() { return this.hostname &amp;&amp; this.hostname !== location.hostname;  }).after(' ').attr('target', '_blank');});</code></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jean-Frederic</title>
		<link>http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links/comment-page-1#comment-79576</link>
		<dc:creator>Jean-Frederic</dc:creator>
		<pubDate>Tue, 19 Jan 2010 14:19:55 +0000</pubDate>
		<guid isPermaLink="false">http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links#comment-79576</guid>
		<description>Hello, not sure if you still reading this post, but I will get a chance...

I would like to use your code for my website. However, Im not really familiar with the jQuery yet.

Here is my problem. I have some external link that I do not want anchor next to them. I would like to use a CLASS inside the A tag to identifiate them... ex : 

&lt;a href=www.externalsite.com class=&quot;noAnchor&quot;&gt;LinkHere&lt;/a&gt;

I also do not want to have the anchor on the Image link.

And I want to add _Blank to those link

Here is the code I tought that would work...

&lt;code&gt;$(document).ready(function() {  $(&#039;a:not((.nojqueryanchor)&#124;(:not(:has(img)))&#039;).filter(function() { return this.hostname &amp;&amp; this.hostname !== location.hostname;  }).after(&#039; &#039;).attr(&#039;target&#039;, &#039;_blank&#039;);});&lt;/code&gt;

The part with &quot;:not(:has(img)) work perfectly... but When i want to add a 2nd condition, this do not work anymore... 

this code work perfectly...

&lt;code&gt;$(document).ready(function() {  $(&#039;a:not(:has(img))&#039;).filter(function() { return this.hostname &amp;&amp; this.hostname !== location.hostname;  }).after(&#039; &#039;).attr(&#039;target&#039;, &#039;_blank&#039;);});&lt;/code&gt;

but it add the icon on EVERY link on my website... and instead of putting a class inside all link that I want an icon... i would like to add a class inside all link that i dont want and icon.. 

any clues ? thanks</description>
		<content:encoded><![CDATA[<p>Hello, not sure if you still reading this post, but I will get a chance&#8230;</p>
<p>I would like to use your code for my website. However, Im not really familiar with the jQuery yet.</p>
<p>Here is my problem. I have some external link that I do not want anchor next to them. I would like to use a CLASS inside the A tag to identifiate them&#8230; ex : </p>
<p>&lt;a href=www.externalsite.com class=&#8221;noAnchor&#8221;&gt;LinkHere&lt;/a&gt;</p>
<p>I also do not want to have the anchor on the Image link.</p>
<p>And I want to add _Blank to those link</p>
<p>Here is the code I tought that would work&#8230;</p>
<p><code>$(document).ready(function() {  $('a:not((.nojqueryanchor)|(:not(:has(img)))').filter(function() { return this.hostname &amp;&amp; this.hostname !== location.hostname;  }).after(' ').attr('target', '_blank');});</code></p>
<p>The part with &#8220;:not(:has(img)) work perfectly&#8230; but When i want to add a 2nd condition, this do not work anymore&#8230; </p>
<p>this code work perfectly&#8230;</p>
<p><code>$(document).ready(function() {  $('a:not(:has(img))').filter(function() { return this.hostname &amp;&amp; this.hostname !== location.hostname;  }).after(' ').attr('target', '_blank');});</code></p>
<p>but it add the icon on EVERY link on my website&#8230; and instead of putting a class inside all link that I want an icon&#8230; i would like to add a class inside all link that i dont want and icon.. </p>
<p>any clues ? thanks</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: الدكتور نت &#124; تقنية إبداعية&#124; 3 حيل Jquery سريعة و مفيدة &#124; JavaScript</title>
		<link>http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links/comment-page-1#comment-79463</link>
		<dc:creator>الدكتور نت &#124; تقنية إبداعية&#124; 3 حيل Jquery سريعة و مفيدة &#124; JavaScript</dc:creator>
		<pubDate>Tue, 05 Jan 2010 13:10:53 +0000</pubDate>
		<guid isPermaLink="false">http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links#comment-79463</guid>
		<description>[...] مصدر هذه الحيلة :Learning Jquery [...]</description>
		<content:encoded><![CDATA[<p>[...] مصدر هذه الحيلة :Learning Jquery [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Fresh Web Development Goodies Bag &#171; my mcLife</title>
		<link>http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links/comment-page-1#comment-79231</link>
		<dc:creator>Fresh Web Development Goodies Bag &#171; my mcLife</dc:creator>
		<pubDate>Wed, 25 Nov 2009 03:17:11 +0000</pubDate>
		<guid isPermaLink="false">http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links#comment-79231</guid>
		<description>[...] Quick Tip: Dynamically add an icon for external linksA common feature on Web 2.0 sites and wikis is the “external link” icon: external link. This is a great candidate for using progressive enhancement. By using just a little jQuery, you can easily add the images. So, that’s it. Short and sweet, a quick tip, how-to and code to help you accomplish it fast. [...]</description>
		<content:encoded><![CDATA[<p>[...] Quick Tip: Dynamically add an icon for external linksA common feature on Web 2.0 sites and wikis is the “external link” icon: external link. This is a great candidate for using progressive enhancement. By using just a little jQuery, you can easily add the images. So, that’s it. Short and sweet, a quick tip, how-to and code to help you accomplish it fast. [...]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: CSS 3 cheat sheet &#124; WebDesignExpert.Me</title>
		<link>http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links/comment-page-1#comment-79182</link>
		<dc:creator>CSS 3 cheat sheet &#124; WebDesignExpert.Me</dc:creator>
		<pubDate>Fri, 20 Nov 2009 10:22:18 +0000</pubDate>
		<guid isPermaLink="false">http://www.learningjquery.com/2008/08/quick-tip-dynamically-add-an-icon-for-external-links#comment-79182</guid>
		<description>[...] Dynamically add an icon for external links &#8211; Link. [...]</description>
		<content:encoded><![CDATA[<p>[...] Dynamically add an icon for external links &#8211; Link. [...]</p>
]]></content:encoded>
	</item>
</channel>
</rss>
