Comments on: Javascript Popup with graceful fallback http://jake.cfwebtools.com/2008/03/26/javascript-popup-with-graceful-fallback/ Jake Churchill on ColdFusion, FarCry, CSS, and much more... Wed, 14 May 2008 02:28:08 +0000 http://wordpress.org/?v=2.3.3 By: Sebastiaan http://jake.cfwebtools.com/2008/03/26/javascript-popup-with-graceful-fallback/#comment-109 Sebastiaan Fri, 28 Mar 2008 12:24:25 +0000 http://jake.cfwebtools.com/2008/03/26/javascript-popup-with-graceful-fallback/#comment-109 That was a lot of code for such a simple thing ;-) Here's a smaller, usable, accessible and CSS/HTML/JS compliant method: function externalLinks() { if (!document.getElementsByTagName) return; var anchors = document.getElementsByTagName("a"); for (var i=0; i<anchors.length; i++) { var anchor = anchors[i]; if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") anchor.target = "_blank"; } } window.onload = externalLinks; All you do is add rel="external" to all your links (the image to the right of the link you fix via CSS, not JS). Best is to load this little piece of script at the end of the pageload. Greetings from the Netherlands That was a lot of code for such a simple thing ;-)
Here’s a smaller, usable, accessible and CSS/HTML/JS compliant method:

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName(”a”);
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute(”href”) &&
anchor.getAttribute(”rel”) == “external”)
anchor.target = “_blank”;
}
}
window.onload = externalLinks;

All you do is add rel=”external” to all your links (the image to the right of the link you fix via CSS, not JS). Best is to load this little piece of script at the end of the pageload.

Greetings from the Netherlands

]]>