Comments on: Javascript Popup with graceful fallback http://www.reynacho.com/2008/03/javascript-popup-with-graceful-fallback/ ... on Flex, ColdFusion, FarCry, and much more ... Tue, 09 Feb 2010 18:36:43 +0000 hourly 1 http://wordpress.org/?v=3.0.5 By: Jake Churchill http://www.reynacho.com/2008/03/javascript-popup-with-graceful-fallback/comment-page-1/#comment-639 Jake Churchill Tue, 24 Jun 2008 20:50:28 +0000 http://jake.cfwebtools.com/2008/03/26/javascript-popup-with-graceful-fallback/#comment-639 Your code will work as well. However, it provides for far fewer options and technically the "target" attribute is not a valid attribute in strict typing HTML or xHTML. See this site: http://www.w3.org/MarkUp/2004/xhtml-faq#target Your code will work as well. However, it provides for far fewer options and technically the “target” attribute is not a valid attribute in strict typing HTML or xHTML. See this site: http://www.w3.org/MarkUp/2004/xhtml-faq#target

]]> By: Sebastiaan http://www.reynacho.com/2008/03/javascript-popup-with-graceful-fallback/comment-page-1/#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

]]>