How to make two div clickable by using one click?

Question

I have two div and I want to open these two div in new tab by using one click.

<a href="http://google.com"><div id="google">This is Google.</div></a>
<a href="http://youtube.com"><div id="youtube">This is YouTube.</div></a>

but browsers not support these type of action, it open 1 tab and says popup block for another tabclick fast to show results — ANSHUL GERA, Mar 05 '16 at 05:09
Possible duplicate of [Open link in new tab](http://stackoverflow.com/questions/15551779/open-link-in-new-tab) — Martin Tournoij, Mar 05 '16 at 05:11

adeneo · Answer 1 · 2016-03-05T05:17:25.540

2

Something like this should do that

$('a').on('click', function(e) {
    e.preventDefault();
    $('a').each(function() {
        window.open(this.href, '_blank');
    });
});

Here's a demonstration using a button

edited Mar 05 '16 at 05:17

answered Mar 05 '16 at 05:05

adeneo

312,895
29
395
388

Would you not want to preventDefault as well? – rPat Mar 05 '16 at 05:08
@rPat - sure, sounds like a good idea to avoid one of them twice. – adeneo Mar 05 '16 at 05:17

score 0 · Answer 2 · answered Mar 05 '16 at 05:03

0

Add 'target=_blank' to in <a> tag .

    <a href="http://google.com" target='_blank'><div id="google">This is Google.</div></a>
    <a href="http://youtube.com" target='_blank'><div id="youtube">This is YouTube.</div></a>

answered Mar 05 '16 at 05:03

Sardor Dushamov

1,665
3
17
44

score 0 · Answer 3 · answered Mar 05 '16 at 05:09

0

Use javascript for both

<script>
  $('#googel,#youtube').click(function()
  {
     // your commands...
  })
</script>

answered Mar 05 '16 at 05:09

score 0 · Answer 4 · answered Mar 05 '16 at 05:17

Without javascript, it's not possible to open two links in two different tabs on one click. So my suggestion is to wrap those divs in a parent div and do some javascript.

var wrapper = document.getElementById('wrapper');

wrapper.onclick = function(){
  window.open('http://google.com', '_blank');
  window.open('http://youtube.com', '_blank');
};

#wrapper{
  cursor: pointer;
}

#wrapper:hover{
  background-color: #0ff;
}

<div id="wrapper">
  <div id="google">This is Google.</div> 
  <div id="youtube">This is YouTube.</div>
</div>

score 0 · Answer 5 · edited May 23 '17 at 11:50

0

As you can try this:

$("#google, #youtube").click("Do your work");

For more: Reference-1 & Reference-2

edited May 23 '17 at 11:50

Community

1
1

answered Mar 05 '16 at 05:22

Suvro

352
2
13

How to make two div clickable by using one click?

5 Answers5