How to open a new browser tab from within a jQuery callback

Question

I have tried the following to achieve this:

But neither works when calling window.open from inside the callback. Here's my code

$.post('api', { 
    }, function() {
    var win = window.open('target-file', '_blank');
    win.focus();
    });

possible duplicate of [Why can't I open a new window on my jquery ajax callback?](http://stackoverflow.com/questions/2791047/why-cant-i-open-a-new-window-on-my-jquery-ajax-callback) — Adil Shaikh, May 10 '13 at 10:13

score 2 · Answer 1 · edited May 10 '13 at 10:34

2

Try this:

 $.post('api', { 
    }, function() {
    window.open('target-file', '_blank');
   });

edited May 10 '13 at 10:34

Somnath Kharat

3,570
2
27
51

answered May 10 '13 at 10:26

Sandy

107
13

score 1 · Answer 2 · edited May 23 '17 at 11:51

1

try it with the name of the window

Like

window.open("url", "NameOfNewWindow");

SEE HERE

edited May 23 '17 at 11:51

Community

1
1

answered May 10 '13 at 10:11

PSR

39,804
41
111
151

score 0 · Answer 3 · answered May 10 '13 at 10:14

use MySurfaceWindow = window.open("url","windowname","settings");
see below example:

MySurfaceWindow = window.open('/DesktopModules/DMS/DMS.PatientEChart/Surface Pages/Surface6.aspx?SurfaceTooth=' + $("#lbl" + $(this).val()).text() + '&ProcedureID=0' + '&ColorD=I' + '', '', 'height=240,width=200,top=' + top + ',left=' + left + 'status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=no');

score 0 · Answer 4 · answered Feb 03 '16 at 08:51

ou can add this simple jQuery snipplet to your source to open every external link in a new tab of the web browser

$(document).ready(function(){
  $('a').each(function() {
    var a = new RegExp('/' + window.location.host + '/');
    if(!a.test(this.href)) {
      $(this).click(function(event) {
        event.preventDefault();
        event.stopPropagation();
        window.open(this.href, '_blank');
      });
    }
  });
});

How to open a new browser tab from within a jQuery callback

4 Answers4