http://www.kriesi.at/support/topic/i-want-that-external-links-links-to-other-websites-open-in-a-new-windowtab Support Forum - Topic: I want that external links (links to other websites) open in a new window/tab? en-US Wed, 19 Jun 2013 13:34:37 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/i-want-that-external-links-links-to-other-websites-open-in-a-new-windowtab#post-11623 Thu, 20 Jan 2011 13:04:33 +0000 Dude 11623@http://www.kriesi.at/support/ <p>You have two possibilities. The first methode is W3C valid but has the disadvantage that it needs javascript to work correctly. The second one isn't W3C valid (xhtml standard) but works without javascript.</p> <p>1. Open up custom.js and replace:</p> <pre><code>jQuery.noConflict(); jQuery(document).ready(function(){</code></pre> <p>with<br /> <pre><code>jQuery.noConflict(); jQuery(document).ready(function(){ jQuery(&quot;a[href^=&#39;http:&#39;]&quot;).not(&quot;[href*=&#39;mydomain.com&#39;]&quot;).attr(&#39;target&#39;,&#39;_blank&#39;);</code></pre> <p>instead of mydomain.com use your domain but without http:// or www. prefix.</p> <p>OR:</p> <p>2. add target="_blank" to your links like:<br /> <pre><code>&lt;a href=&quot;http://google.com/&quot; target=&quot;_blank&quot;&gt;Google&lt;/a&gt;</code></pre> <p>I'd recommend the first methode however because it's W3C valid and you don't need to add the target attribute to every link.</p> <p>3. Alternative:</p> <p>If you want to decide on an individual basis (some links should open in a new window but others shouldn't) you can use this W3C valid methode:</p> <p>In custom.js replace<br /> <pre><code>jQuery.noConflict(); jQuery(document).ready(function(){</code></pre> <p>with<br /> <pre><code>jQuery.noConflict(); jQuery(document).ready(function(){ jQuery(function(){jQuery(&#39;a[href][rel*=external]&#39;).each(function(i){this.target = &quot;_blank&quot;;});});</code></pre> <p>and add rel="external" to links which should open in new windows/tabs like:</p> <pre><code>&lt;a href=&quot;your-external-site.com&quot; rel=&quot;external&quot;&gt;Your Link&lt;/a&gt;</code></pre>