How can I set existing HREF links to open in a new window with javascript

Question

[edit] I am NOT using jquery in this app.

Looking for a way to force preexisting links to open in a new window. But I only want to Apply this behavior to links appearing in a specific div element that has a classname but no ID

I am NOT using jquery in this app. ... Well, you should. It'll make your life much easier. — SLaks
– SLaks, Commented Mar 11, 2010 at 1:53
I never said it's necessary. Similarly, no-one ever said that a bed is necessary. — SLaks
– SLaks, Commented Mar 11, 2010 at 2:01
I'm fine with using jquery, depending on the app, but it seems a bit of a stretch to hang it on as an afterthought, just so Its simpler to do this one task. I think for this app, I'd rather just add an ID to the div element, along with FF's solution and call it a day ;) — Scott B
– Scott B, Commented Mar 11, 2010 at 3:38

Jaime Garcia · Accepted Answer · 2010-03-11 01:56:08Z

2

If you're not using jQuery, first get the element that you want to apply it to.

var allDivs = document.getElementsByTagName('div');
var myDiv = null;

for (var j = 0; j < allDivs.length; j++) {
    var divClass = allDivs[j].getAttribute('class');
    if (divClass != null && divClass.indexof(THE_CLASS_NAME) >= 0) {
        myDiv = allDivs[i];
        var allAnchors = myDiv.getElementsByTagName('a');
        for (var i = 0; i < allAnchors.length; a++) {
            allAnchors[i].setAttribute('target', '_blank');
        }
    }
}

edited Mar 11, 2010 at 1:56

answered Mar 11, 2010 at 1:20

Jaime Garcia

7,1848 gold badges53 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Joel Over a year ago

I think you meant allAnchors[i].

SLaks Over a year ago

Notice how much simpler the jQuery way is. (This is the simplest cross-browser way to do it without jQuery or a similar library

Jaime Garcia Over a year ago

I'm not saying jQuery is a bad idea I'm just saying that it's not necessary. That also doesn't mean he can't use any other library of his choice, but I'm giving him an answer without dependence on a third party.

Scott B Over a year ago

@FF > I'm getting Error: divClass.indexof is not a function, changed it to indexOf which resolved that error. Now getting myDiv is undefined ?

SLaks · Accepted Answer · 2010-03-11 01:17:52Z

1

The simplest way to do this is to use jQuery:

$('div.SomeClass a').attr('target', '_blank');

answered Mar 11, 2010 at 1:17

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Comments

Guffa · Accepted Answer · 2010-03-11 01:18:18Z

1

If you are using jQuery you can do like this:

$(function(){
  $('.ClassNameOfTheDiv a').attr('target', '_blank');
});

answered Mar 11, 2010 at 1:18

Guffa

703k112 gold badges760 silver badges1k bronze badges

Comments

cymorg · Accepted Answer · 2010-03-11 01:19:48Z

0

Try...

<a href="javascript:window.open('www.yoursite.org')>Your Site Opens in a new window</a>

answered Mar 11, 2010 at 1:19

cymorg

4471 gold badge8 silver badges15 bronze badges

2 Comments

SLaks Over a year ago

You're misunderstanding the question.

jaywon Over a year ago

welcome to SO cymorg, but as SLaks pointed out please try to make sure that you are answering the actual question being asked :)

Collectives™ on Stack Overflow

How can I set existing HREF links to open in a new window with javascript

4 Answers 4

4 Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related