Thursday, May 21, 2015

JS Help: Automatically point all external links to new tabs...

I was recently tasked with going through a site with around 50 pages to set a target of _blank to any external URL.  (one page had 240 external links)  Instead of going through the manual work of stepping through each CMS entry and CMS content part to find and change these, I added a short script to the foot of the site.  This is not a perfect duplicate, but its pretty close.

[Copy/Paste slows learning...]

This depends on JQuery and FontAwesome.  

Part 1: 
 - Waits for the document to complete.  (document ready)

Part 2: 
 - get the current URL that is constant to any links within this site.  

Part 3:
 - JQuery gets all the 'a' tags, and for each of them gets the 'href' tag.

Part 4:
 - if the href begins with "http" (an external link) and does not part of this site
 - - Then Add a target of _Blank to that link.  

Part 5: (optional)
 - w/FontAwesome, append an external icon to each link.


No comments:

Post a Comment