jQuery External Links Open in New Tab/Window
Automatically open a new Window or Tab for any external link.
HTML
External Link: <a href="http://jenniferperrin.com">Jennifer Perrin</a>
<br />
Internal Link: <a href="http://jsfiddle.net/vraCM/12/">JS Fiddle - Select / Unselect All</a>
CSS
body {margin:20px; font-size:12px;}
.externalLink {
background: url("http://jenniferperrin.com/blog/wp-content/uploads/2012/04/external.png") no-repeat scroll right center transparent;
padding-right: 13px;
}
JavaScript
$(function() {
$("a[href^='http']:not([href*='jsfiddle.net'])").each(function() {
$(this).click(function(event) {
event.preventDefault();
event.stopPropagation();
window.open(this.href, '_blank');
}).addClass('externalLink');
});
});