Comments on: Use jQuery to Open All External Links in a New Window

By: » Automatizzare il “target _blank”

» Automatizzare il “target _blank” — Sat, 02 Jan 2010 14:28:44 +0000

[...] fonte , demo Se l'articolo era interessante, forse troverai approfondimenti nei seguenti link [...]

By: Badger

Badger — Tue, 15 Dec 2009 10:22:18 +0000

Thanks Trevor for the snippet and everyone else for input. Great little piece of code.

By: Vladimir Graschenko

Vladimir Graschenko — Tue, 05 May 2009 00:42:47 +0000

The following code works if you need apply the "new window" rule for all dynamically added links. Useful for UI Tabs or Ajax load.

$("a[href^='http:']:not([href*='" + window.location.host + "'][target='_blank'])").live('click', function(){
		$(this).attr('target','_blank');	
	});

By: Trevor

Trevor — Tue, 10 Feb 2009 14:32:53 +0000

@David-
I would not recommend using embedded JavaScript in production. I would definitely move it to an external script.

By: David

David — Tue, 10 Feb 2009 14:12:30 +0000

A heads up for everyone else: I run most of my HTML through HTML Tidy (via http://www.topstyle4.com/) to check for errors and format it. Part of that forces CDATA around embedded JavaScript to make it validate with XHTML. E.g.

That stopped the code working for me.

By: David

David — Tue, 10 Feb 2009 02:06:37 +0000

Brilliant. I guess it’s easy when you know how? :)

Thanks very much, Trevor. Much appreciated.

By: Trevor

Trevor — Tue, 10 Feb 2009 01:35:28 +0000

@David- Try removing the @ from the selector. See a Demo

By: David

David — Tue, 10 Feb 2009 01:24:59 +0000

Hi,

I just spent a while trying to work out why this did not work for me – looks like it’s incompatible with jQuery 1.3.1 but works OK with your 1.2.6 code.

Any ideas on what the problem is? How to fix?

Thanks.

David.

By: Trevor

Trevor — Fri, 26 Sep 2008 18:29:54 +0000

@Roger- Thanks, that makes sense if you have internal URLs that are absolute. One thing I might change is to have the attribute selector select links that start with http and not http:. Want to make sure to account for https links.

By: Roger

Roger — Fri, 26 Sep 2008 01:33:07 +0000

Thanks. This is simpler (and more up to date, the @ symbol is no longer required)

jQuery("a[href^='http:']").not("[href*='mydomain.com']").attr('target','_blank');

By: adam

adam — Tue, 15 Jul 2008 21:31:24 +0000

Whoops, slight error there - in the "not" filter, need to remove the a tags:

function initExternalLinks() {
	var h = window.location.host.toLowerCase();
	$("a[@href^='http']:not([@href^='http://" + h + "']):not([@href^='http://www." + h + "']), a[@href$='.pdf']").css({outline: 'solid 1px red'}).attr("target", "_blank");
}

By: adam

adam — Tue, 15 Jul 2008 21:28:23 +0000

Thats good, I'm doing the same thing my self, but have extended it to not process links to the same domain, and pdfs:

function initExternalLinks() {
	var h = window.location.host.toLowerCase();
	$("a[@href^='http']:not(a[@href^='http://" + h + "']):not(a[@href^='http://www." + h + "']), a[@href$='.pdf']").attr("target", "_blank");
}

May be a more elegant way of doing it, but it works

By: jQuery - external links in new window: … « Random Trap

jQuery - external links in new window: … « Random Trap — Thu, 08 May 2008 19:44:03 +0000

[...] pm on May 8, 2008 | # | Tags: jquery jQuery – external links in new window: http://trevordavis.net/blog/tutorial/use-jquery-to-open-all-external-links-in-a-new-window/ [...]

By: qO_op

qO_op — Tue, 06 May 2008 17:20:22 +0000

i love you and jQuery ;) Thanx!

By: Abrir links externos em nova janela com jQuery » Pinceladas da Web - Reflexões sobre XHTML, CSS, PHP e WebStandards

Fri, 02 May 2008 09:00:48 +0000

[...] Trevor Davis postou em seu site uma solução para abrir links externos em uma nova janela com jQuery, que [...]