Kurinchi Blogger Scribbles ... » http links new window http://kurinchilamp.kurinchilion.com On Open Source Technologies Mon, 02 Jan 2012 06:14:45 +0000 en hourly 1 http://wordpress.org/?v=3.3 How to open ALL external web sites or references in a NEW window? http://kurinchilamp.kurinchilion.com/2009/09/how-to-open-all-external-web-sites-or-references-in-a-new-window.html http://kurinchilamp.kurinchilion.com/2009/09/how-to-open-all-external-web-sites-or-references-in-a-new-window.html#comments Sun, 06 Sep 2009 01:58:13 +0000 kurinchilamp http://kurinchilamp.kurinchilion.com/?p=670 Using 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

$(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>
]]> http://kurinchilamp.kurinchilion.com/2009/09/how-to-open-all-external-web-sites-or-references-in-a-new-window.html/feed 0