window.open popup getting blocked during click event

Question

What I ultimately need to do is run an $.ajax() call and then after that is run, open a new window.

A use clicks on a "Preview" button that saves their current form then opens a new window that shows a preview of the item with the data that was just saved.

But as-is, the window.open function gets blocked by popup blockers.

Here's the basic parts of my code:

HTML:

<a href="/surveys/185/preview" class="preview" target="_blank">Preview</a> 

JavaScript:

$('.preview').live('click', function(event){   save_survey($(this).attr('href'));   event.preventDefault(); });  function save_survey(url) {   $.ajax({     type: "POST",     url: form_url,     dataType: 'json',     data: form_data,     success: function(data) {       window.open(url, '_blank');     }   }); } 

Answer 1

I ran into this problem recently and found this work-around:

1) call window.open just before calling $.ajax and save window reference:

var newWindow = window.open(...); 

2) on callback set location property of the saved window reference:

newWindow.location = url; 

Maybe it will help you too.