mojaray2k/external-links-icons.html

## external-links-icons.html
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>External Links with an icon</title>
</head>
<body>
	<ul id="links">
		<li>
			<a href="007.html">The previous tip</a>
		</li>
		<li>
			<a href="./009.html">The next tip</a>
		</li>
		<!-- External Link: -->
		<li>
			<a href="http://www.google.com/">Google</a>
		</li>
	</ul>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script type="text/javascript" src="script.js"></script>
</body>
</html>

## external-links-icons.js
// Loop through all the links
$('#links a').each(function() {
	if (this.hostname != location.hostname) {
		// The link is external
		$(this).append('<img src="external.png" />')
			.attr('target', '_blank');
	}
});
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>External Links with an icon</title>
	</head>
	<body>
	<ul id="links">
	<li>
	<a href="007.html">The previous tip</a>
	</li>
	<li>
	<a href="./009.html">The next tip</a>
	</li>
	<!-- External Link: -->
	<li>
	<a href="http://www.google.com/">Google</a>
	</li>
	</ul>
	<script src="http://code.jquery.com/jquery-latest.js"></script>
	<script type="text/javascript" src="script.js"></script>
	</body>
	</html>
	// Loop through all the links
	$('#links a').each(function() {
	if (this.hostname != location.hostname) {
	// The link is external
	$(this).append('<img src="external.png" />')
	.attr('target', '_blank');
	}
	});