jquery how to make a clickable div open in a new window

Question

I want to make a DIV with no content clickable for that I use this jquery code:

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {
$("#whole").click(function () {
    window.location = $(this).attr("href");
    });
});

</script>

It works fine, but the link always opens in the same window. How do I need to change the code, to make the div open in a new window?

Exact duplicate of: http://stackoverflow.com/questions/5141910/javascript-location-href-to-open-in-new-window-tab — Bruno Vieira, Nov 19 '12 at 11:03

score 5 · Accepted Answer · answered Nov 19 '12 at 11:02

5

$("#whole").click(function () {
   window.open($(this).attr("href"), '_blank');
});

answered Nov 19 '12 at 11:02

davids

6,259
3
29
50

score 3 · Answer 2 · answered Nov 19 '12 at 11:02

3

You need window.open

window.open($(this).attr("href"))

answered Nov 19 '12 at 11:02

Adil

146,340
25
209
204

score 0 · Answer 3 · answered Aug 06 '19 at 12:48

0

$(document).ready(function() {
$("#whole").click(function () {
    window.open("href"); // window.open('https://stackoverflow.com/questions/13452398/jquery-how-to-make-a-clickable-div-open-in-a-new-window');
    });
});

answered Aug 06 '19 at 12:48

BeardedPrince

210
2
8

score 0 · Answer 4 · answered Jun 21 '20 at 10:56

0

You can do by following method

1)

 $(document).ready(function() {
$("#divId").click(function () {
window.open("openThisPage.html"); //Change 'openThisPage.html' to your target page
});
});

answered Jun 21 '20 at 10:56

NIKHIL SASIKUMAR

1
1

jquery how to make a clickable div open in a new window

4 Answers4