« »

Give and display the radio option to open links in either a new window or in the same window. Simple to set-up and completely unobtrusive.

Label: open link, option, radio, link, window

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Generate your business videos by AI with voice or just text

Your first FREE AI Video App! Automate Your First AI Video. Create Your Professional Video In 5 Minutes By AI No Equipment Or Video Editing Skill Requred. Effortless Video Production For Content Marketers. Free UNLMITED AI Video App in Your Hand

Code
JavaScript
HTML
Print

Copy All x2

<script type="text/javascript" name="openLinks.js">
// Created by: Sandeep Gangadharan / Lee Underwood :: http://www.sivamdesign.com/home/

// Original: Sandeep Gangadharan
// Modified: Lee Underwood
// getElementsByTagName Portion: Jeremy Keith

function openLink() {
  if (!document.getElementsByTagName) return false;
  var links=document.getElementsByTagName("a");
  for (var i=0; i < links.length; i++) {
    if (links[i].className.match("newLink")) {
      links[i].onclick=function() {
        for (var i=0; i<=(document.links.length-1); i++) {
          if (document.form1.tick.checked == true) {
            document.links[i].target = window.open
            window.location.href=window.location.href
          }
          if (document.form1.tick.checked == false) {
            document.links[i].target != window.open
            window.location.href=window.location.href
          }
        }
      }
    }
  }
}
window.onload=openLink;
</script>

Copy All x2

<form name="form1">
  <small><label for="1">Open link marked with <span style="color: red;">*</span> below in new window <input id="1" type="checkbox" name="tick"></label></small>
</form><br>
<!-- Add 'class="newLink"' (w/o single quotes) to those links you want to give the user the option to open in a new window.   -->
 <a href="http://javascript.com/" class="newLink">JavaScript.com</a> <span style="color: red;">*</span><br>
 <a href="http://javascriptbank.com/">JavaScriptBank</a><br>
 <a href="http://www.javascriptbank.com/forum/" class="newLink">JavaScript Forums</a> <span style="color: red;">*</span>

Comment (0)
Write

by Preview

Cancel reply

Write your comment

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

18/04/2009
Sandeep Gangadharan [more]
6,337
0
0
0
4.04 KBytes

JavaScript Open Links Option II

0/5 0 votes / 6,337 previews / 0 comment 18/04/2009 Give and display the radio option to open links in either a ...JavaScript Open Links Option II - Open Links Option II

Let's be first member to do this