page opening in both window

Question

i have one submit button in my page , where i wanted to open that link in different window .

check this code

  <input class="btn add-to-cart-btn" onclick="one();two();" type="submit" value="More Info At {{ product.vendor }}"/>

java script code

<script>
  function one(){
   trackOutboundLink('{{ product.metafields.google.custom_label_0 }}');


}

function two(){
    window.open('{{ product.metafields.google.custom_label_0 }}');

}


  var trackOutboundLink = function(url) {
    ga('send', 'event', 'outgoing', 'click', url, {
    'transport': 'beacon',
    'hitCallback': function(){document.location = url;}
  });
    }
</script>

the "product.metafields.google.custom_label_0" is a static url .

if i click that submit page then that link is opening in new window as well as same window .

But i wanted to open in different window only . how to control this ?

But what about my another function .? if add that function in two() then same problem — Trend Snaps, Apr 29 '16 at 12:10
Yes same result ... check here https://www.trendsnaps.com/products/a-initial-necklace — Trend Snaps, Apr 29 '16 at 12:36

Alive to die - Anant · Accepted Answer · 2016-05-03T06:27:38.603

The actual problem lies here:-

'hitCallback': function(){document.location = url;}

What happen that on button click first one(); and then two(); function called. So after opening the new window again, the original URL reloaded by the above code of function trackOutboundLink() which is called in function one();

So simple remove it or comment it like below:-

<input class="btn add-to-cart-btn" onclick="one();two();" type="submit" value="More Info At {{ product.vendor }}"/>

<script>
  function one(){
   trackOutboundLink('{{ product.metafields.google.custom_label_0 }}');
}

function two(){
    window.open('{{ product.metafields.google.custom_label_0 }}');
}

var trackOutboundLink = function(url) {
    ga('send', 'event', 'outgoing', 'click', url, {
    'transport': 'beacon',
    /* 'hitCallback': function(){document.location = url;} */
  });
}
</script>

score 0 · Answer 2 · answered Apr 29 '16 at 11:49

0

From : http://www.w3schools.com/jsref/met_win_open.asp

You can try : var myWindow = window.open("", "", "width=200,height=100"); for open an about:blank page in a new window.

You have to set windows size.

answered Apr 29 '16 at 11:49

Clément Andraud

9,103
25
80
158

1

i am trying to prevent opening link in same window . check this out trendsnaps.com/products/a-initial-necklace – Trend Snaps Apr 29 '16 at 11:54

score 0 · Answer 3 · answered Apr 29 '16 at 11:53

0

Change input type from "submit" to "button"

answered Apr 29 '16 at 11:53

Karthikeyan

347
3
8

score 0 · Answer 4 · answered Apr 29 '16 at 11:56

0

Syntax

window.open(URL,name,specs,replace)

Try this

window.open("product.metafields.google.custom_label_0 ", "_blank");

more Info

answered Apr 29 '16 at 11:56

shas

703
2
8
31

page opening in both window

4 Answers4