How to open ALL external web sites or references in a NEW window?
Sep 05, 2009 - by kurinchilamp / HTML, UI, CSS / Post CommentUsing JQuery to open external links in new windows
Earlier we used to write a string of code in javascript to enable opening external references in a new window in addition to modifying the html code
With JQuery, this can be done with one line of code as shown below
Continue Reading
$(document).ready(function(){
$("a[@href^='http']").attr('target','_blank');
});
The above line checks for occurences http in a tag and if a link has "http" in it, JQuery opens the link in a NEW window.
According to W3C standards, the target attribute has been removed from xhtml 1.1 specification.
Sample script to open external links in New Window
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">
<head>
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function(){
$("a[href^='http']").attr('target','_blank');
});
</script>
</head>
<body>
Testing the pages - Open Links in new <a href="http://yahoo.com">window</a>.
<h1><a href="http://www.kurinchilion.com">Kurinchilion</a></h1>
</body>
</html>
RELATED POST
TECHNOLOGY DEV STACK
Following are some of the technologies that we use to build and maintain solutions for our clients.
