Make link open in new window , javascript on html table

Question

I have a problem with linking in my table.

I use:

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $(".clickable-row").click(function() {
            window.document.location = $(this).data("href");
        });
    });
</script>

And it works without flaws, but I can't make links open in new window using standard html code:

target="_blank"

in:

<tr class="clickable-row" data-href="http://www.google.com/">

doesn't work

Any ideas?

how hard is it to search google for open new window javascript or similar terms? Questions asked here should show at least some research effort was attempted — charlietfl
– charlietfl, Commented Jul 27, 2015 at 19:29
Of course I know that. I need just some links to be opened in new window, not all of them. I do not post Q that are easy to solve with google... — Jack Bauer
– Jack Bauer, Commented Jul 27, 2015 at 19:35

Jacob G · Accepted Answer · 2015-07-27 20:58:15Z

3

You can do it like:

jQuery(document).ready(function($) {
    $(".clickable-row").click(function() {
        if(this.hasAttribute("target")){
            window.open($(this).data("href"),$(this).data("target"));
        }
        else{
            window.document.location = $(this).data("href");
        }
    });
});

That checks if the <a> has a target attribute, and uses it if it does.

CodePen Demo

EDIT:
Here is the solution to your comment:

  jQuery(document).ready(function($) {
    $(".clickable-row").click(function() {
        if(this.getAttribute("href").substr(this.getAttribute("href").length - 3)=== "###"){
            window.open(this.getAttribute("href").substring(0, this.getAttribute("href").length-3),"_blank");
        }
        else{
            window.document.location = $(this).data("href");
        }
    });
});

edited Jul 27, 2015 at 20:58

answered Jul 27, 2015 at 19:33

Jacob G

14.2k4 gold badges50 silver badges67 bronze badges

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

4 Comments

Jack Bauer Over a year ago

hmm, it works, but, I have another problem. Visual Composer "eats" target . Can you please rewrite this so that if the a href link contains ### in address, it opens in new tab? Example: www.google.com/### = new tab and www.google.com = same tab.

Jack Bauer Over a year ago

Or I can assign additional class.

Jack Bauer Over a year ago

Works like a charm. Thx!

Jacob G Over a year ago

Not a problem, glad I could help :D

noahdotgansallo · Accepted Answer · 2015-07-27 19:29:49Z

1

window.open('href')

Window location sets your current window's location.

answered Jul 27, 2015 at 19:29

noahdotgansallo

7632 gold badges6 silver badges16 bronze badges

2 Comments

Jack Bauer Over a year ago

But that will open all the links in the new window. I just need it to accept target="_blank". I need to open just some links in new window. Not all of them.

noahdotgansallo Over a year ago

@JackBauer I would use Jacob's answer then

Community · Accepted Answer · 2017-05-23 11:54:09Z

0

What about using window.open="http://....","target="_blank")

SO Reference

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Jul 27, 2015 at 19:31

Eric

5155 silver badges22 bronze badges

Comments

Jack Bauer · Accepted Answer · 2015-07-27 21:08:45Z

0

I fixed the problem by adding two classes and two functions:

<script type="text/javascript">
    jQuery(document).ready(function($) {
    $(".istiprozor").click(function() {
        window.document.location = $(this).data("href");
    });
$(".noviprozor").click(function() {
       window.open($(this).data("href"),$(this).data("target"));
    });
});
    </script>

answered Jul 27, 2015 at 21:08

Jack Bauer

378 bronze badges

Collectives™ on Stack Overflow

Make link open in new window , javascript on html table

4 Answers 4

CodePen Demo

4 Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related