Posted By

scribbleitdesigns on 08/27/10

Tagged

jquery
links

Versions (?)

Last Edited at 08/27/10 04:49am

Statistics

Viewed 795 times

Favorited by 0 user(s)

Related snippets

Opening external links in a new window

/ Published in: jQuery

There are many ways to have jQuery open external links for you. Some depend on relative URL\'s for internal links and absolute URL\'s for external links. Some analyze the link to see if it matches your domain. These are great but can sometimes be confusing for those new to jQuery and web development. There is a quick way that you can use and the only requirement is add \'ext\' to the [rel] attribute...

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

$(document).ready (function() {
   // Activate on links with rel attribute set to ext
   $('a[rel=ext]').click (function() {
      // Add target=_blank attribute to link when clicked
      $(this).attr('target','_blank');
   });
});
 
/* Usage 
 * simply write your links like this:
 * <a href="url_here" rel="ext" title="title_here">LINK TEXT</a>
 */