Open page in new window without popup blocking

Question

Hope you can help a bit here    I have a form that translate a word in a field  populate the field with the translated term and then do submit action all in one submit button   the submit is being made by jquery  problem is the target page is being blocked as all 3 major browsers treat it as popup  Do you know how to let it open just as a new tab or new window   I don t want to set the target as  self as I want people to have my site open as well   I believe the problem is in this string   document forms form1 submit      but I also know there should be a way to rephrase it so the target won t be treated as a popup   this is the script     lt script type  text javascript  gt     function transle           transbox   sundayMorningReset          transbox input type button    click function evt          sundayMorning            transbox input type text    val              source              destination   ZH           menuLeft  evt pageX          menuTop  evt pageY                function response                transbox input type text    val response translation              document getElementById  form1   submit            document forms form1 submit                                lt  script gt    and this is the form    lt table id  transbox  name  transbox  width  30px  border  0  cellspacing  0  cellpadding  0  gt     lt form action  custom-page  method  get  name  form1  target   blank  id  form1  gt        lt tr gt         lt td gt           lt input id  q  name  q  type  text  class  search input  onFocus  if  this value     Evening dress    this value         onBlur  if  this value         this value    Evening dress     value  Evening dress    gt         lt  td gt         lt td gt           lt input type  button  value  Find  style  color   333  width  157px  font-weight bold  gt  lt  input gt         lt  td gt       lt  tr gt      lt  form gt   lt  table gt    EDIT  I have tried all of these strings to submit    document getElementById  form1   submit    document forms form1 submit    form1 submit      all ends up with the target being popup blocked  please  is there any other way I should do the code to not let it popup     maybe should use the onsubmit to make jQuery   someone knows how

User · Answer

function openLinkNewTab  url          body   append   lt a id  openLinkNewTab  href      url      target   blank  gt  lt span gt  lt  span gt  lt  a gt    find   openLinkNewTab span   click   remove

User · Answer

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

User · Answer

As a general rule  pop up blockers target windows that launch without user interaction  Usually a click event can open a window without it being blocked   unless it s a really bad popup blocker   Try launching after a click event

User · Answer

For the Submit button  add this code and then set your form target  newwin   onclick window open  about blank   newwin

User · Answer

This is the only one that actually worked for me in all the browsers  let newTab   window open     newTab location href   url

User · Answer

PS  I posted this answer on a related question  Here s how I got round the issue of my async ajax request losing the trusted context    I opened the popup directly on the users click  directed the url to about blank and got a handle on that window  You could probably direct the popup to a  loading  url while your ajax request is made  var myWindow   window open  about blank   name   height 500 width 550     Then  when my request is successful  I open my callback url in the window   function showWindow win  url         win open url  name   height 500 width 550

[javascript] Open page in new window without popup blocking

Examples related to javascript

Examples related to jquery

[javascript] Open page in new window without popup blocking

Examples related to javascript

Examples related to jquery

Examples related to popup