Add a link to a table row that opens URL to a new window

Question

I've already tried a number of threads but so far I can't get it to work.

I got the rows clickable to a new URL but it opens in the same tab, this worked. However, I want the URL to open in a new tab. I tried this and this but no luck.

I even tried to modify the first option from window.location to window.open but it is not responding.

jQuery(document).ready(function($) {
    $(".click-row").click(function() {
        window.open($(this).data("href"));
    });
});

    <table> 
       <tbody>
          <tr class='click-row' data-href="/Documents/files/file.pdf"> 
             <td>Link to file</td> 
          </tr> 
      </tbody> 
    </table>

Try this instead: `window.open($(this).data("href"), "_blank");` — annoyingmouse, Apr 01 '20 at 07:37
@annoyingmouse I thought I already tried this a hundred times but apparently not. This works great! Thanks a lot to all of you! — Michiel, Apr 01 '20 at 07:48
@BadPiggie i couldnt really find a mistake in the code that i used. No idea why it is not working for me... But thanks for taking a look! — Michiel, Apr 01 '20 at 07:52

score 1 · Answer 1 · answered Apr 01 '20 at 07:39

1

Always use target="_blank" for open URL in New Tab

<table> 
       <tbody>
          <tr class='click-row' data-href="/Documents/files/file.pdf" target="_blank"> 
             <td>Link to file</td> 
          </tr> 
      </tbody> 
    </table>

answered Apr 01 '20 at 07:39

Darshan Chauhan

3
6

2

That is for anchor tags `` solely, it won't affect OP's jquery code in any way. Don't know why this received an upvote – Anurag Srivastava Apr 01 '20 at 08:26

Add a link to a table row that opens URL to a new window

1 Answers1