Make link open in new tab/window [Archive]

JavaScriptBank

11-02-2009, 12:08 AM

Use this simple JavaScript (http://www.javascriptbank.com/javascript/) to make all links (http://www.javascriptbank.com/javascript/link/) on your web pages open in new tab/window. Script is easy to setup, you should save them into a f... detail (http://www.javascriptbank.com/make-link-open-in-new-tab-window.html/en//)

http://www.javascriptbank.com/javascript.images/link/make-link-open-in-new-tab-window.jpg (http://www.javascriptbank.com/javascript/link/make-link-open-in-new-tab-window/preview/en/)
Demo: Make link open in new tab/window (http://www.javascriptbank.com/make-link-open-in-new-tab-window.html/en/)

How to setup

Step 1: Place JavaScript below in your HEAD section
JavaScript
<script language=javascript>
/*
Kevin Yank
http://www.sitepoint.com/authorcontact/48
*/
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.target = "_blank";
}
}
window.onload = externalLinks;

</script>


Step 2: Copy & Paste HTML code below in your BODY section
HTML
<a href="http://javascriptbank.com/">Home</a> |
<a href="http://javascriptbank.com/4rum/">Forum</a> |
<a href="http://javascriptbank.com/javascript/">JavaScript</a> |
<a href="http://javascriptbank.com/service/">Services</a> |
<a href="http://javascriptbank.com/javascript/submit-javascript-bank.html">Submit script</a> |
<a href="http://javascriptbank.com/thietkeweb/javascriptmall/">Documentary</a> |
<a href="http://javascriptbank.com/javascript/contact-javascript-bank.html">Contact us</a> |
<a href="http://javascriptbank.com/javascript/aboutus-javascript-bank.html">About us</a>


JavaScript Line Graph script (http://www.javascriptbank.com/line-graph-script-index.html) - JavaScript Virtual Keyboard (http://www.javascriptbank.com/virtualkeyboard-index.html) - JavaScript Horizontal Slider (http://www.javascriptbank.com/horizontal-slider-javascript-v2-2.html)