Open page in new window without popup blocking

by

A browser will only open a tab/popup without the popup blocker warning if the command to open the tab/popup comes from a trusted event. That means the user has to actively click somewhere to open a popup.

In your case, the user performs a click so you have the trusted event. You do lose that trusted context, however, by performing the Ajax request. Your success handler does not have that event anymore. The only way to circumvent this is to perform a synchronous Ajax request which will block your browser while it runs, but will preserve the event context.

In jQuery this should do the trick:

$.ajax({
 url: 'http://yourserver/',
 data: 'your image',
 success: function(){window.open(someUrl);},
 async: false
});

Here is your answer: Open new tab without popup blocker after ajax call on user click

More Related Contents:

  1. Have a pop up window when clicking on an image
  2. How to generate a simple popup using jQuery
  3. is it possible to open a popup with javascript and then detect when the user closes it?
  4. Popup window to return data to parent on close
  5. Window.Open POST
  6. How do I check whether a checkbox is checked in jQuery?
  7. How to check a radio button with jQuery?
  8. How can I detect pressing Enter on the keyboard using jQuery?
  9. Detecting when user scrolls to bottom of div with jQuery
  10. How to go to a specific element on page? [duplicate]
  11. Checking if jquery is loaded using Javascript
  12. Download and open PDF file using Ajax
  13. How to trigger click on page load?
  14. What is the best way to remove a table row with jQuery?
  15. Professional jQuery based Combobox control? [closed]
  16. jQuery Multiple ID selectors
  17. How to detect element being added/removed from dom element?
  18. How to make a jsonp POST request that specifies contentType with jQuery?
  19. Detect Safari using jQuery
  20. How to create a responsive image that also scales up in Bootstrap 3
  21. Difference between .click() and actually clicking a button? (javascript/jQuery)
  22. How to determine scroll direction without actually scrolling
  23. What is the meaning of onsubmit=”return false”? (JavaScript, jQuery)
  24. How to replace html element with ajax response?
  25. Trigger standard HTML5 validation (form) without using submit button?
  26. Uncaught TypeError: data.push is not a function
  27. Remove DIV tag using Javascript or Jquery
  28. Checking a Url in Jquery/Javascript
  29. Prevent BACKSPACE from navigating back with jQuery (Like Google’s Homepage)
  30. In jQuery mobile, what’s the diff between tap and vclick?

Leave a Comment