link with target blank does not open in new tab in Chrome

Question

On this website  the top accordion navigation contains an element called  Foundation    screenshot    This element is produced by HTML code    lt a href  http   www foracure org au  target   blank  style  width  105px   gt  lt  a gt    However  in Chrome  when you click on this element  the new website does not open in a new tab   Can you please tell me why  Thank you

User · Answer

Replace    lt a href  http   www foracure org au  target   blank  gt  lt  a gt       with    lt a href     onclick  window open  http   www foracure org au   return false   gt  lt  a gt    in your code and will work in Chrome and other browsers   Thanks Anurag

User · Answer

most simple answer  lt a onclick  quot window open this href   blank   return false  quot  href  quot http   www foracure org au quot  gt Some Other Site lt  a gt   it will work

User · Answer

Because JavaScript is handling the click event  When you click  the following code is called   el addEvent  click   function e       if obj options onOpen           new Event e  stop            if obj options open    i               obj options open   null              obj options onClose this href  i            else              obj options open   i              obj options onOpen this href  i                                 The onOpen manually changes the location  Edit  Regarding your comment    If you can modify ImageMenu js  you could update the script which calls onClose to pass the a element object  this  rather than this href  obj options onClose this  i    Then update your ImageMenu instance  with the following onOpen change  window addEvent  domready   function        var myMenu   new ImageMenu      imageMenu a              openWidth  310          border  2          onOpen  function e  i                if  e target       blank                     window open e href                     else                   location   e href                                       This would check for the target property of the element to see if it s  blank  and then call window open  if found  If you d prefer not to modify ImageMenu js  another option would be to modify your links to identify them in your onOpen handler  Say something like   lt a href  quot http   www foracure org au   b 1 quot  target  quot  blank quot  style  quot width  105px  quot  gt  lt  a gt   Then  update your onOpen call to  onOpen  function e  i        if  e indexOf   b 1    gt  -1            window open e            else           location   e           The only downside to this is the user sees the hash on hover  Finally  if the number of links that you plan to open in a new window are low  you could create a map and check against that  Something like  var linksThatOpenInANewWindow          http   www foracure org au   1     onOpen  function e  i        if  linksThatOpenInANewWindow e      1            window open e            else           location   e          The only downside is maintenance  depending on the number of links  Others have suggested modifying the link  using   or javascript   and adding an inline event handler  onclick  - I don t recommend that at all as it breaks links when JS is disabled not supported

User · Answer

Your syntax for the target attribute is correct  but browsers need not honor it  They may interpret it as opening the destination in a new tab rather than new window  or they may completely ignore the attribute  Browsers have settings for such issues  Moreover  opening of new windows may be prevented by browser plugins  typically designed to prevent annoying advertisements    There   s little you can do about this as an author  You might consider opening a new window with JavaScript instead  cf  to the accepted answer to target   blank  is not working in firefox   but browsers may be even more reluctant to let pages open new windows that way than via target   target  quot  blank quot  is not working in firefox

User · Answer

For Some reason it is not working so we can do this by another way  just remove the line and add this  -   lt a onclick  window open   http   www foracure org au        return false  href  javascript void 0    gt  lt  a gt    Good luck

User · Answer

Learn from another guy     lt a onclick  window open this href   blank   return false   href  http   www foracure org au  gt Some Other Site lt  a gt    It makes sense to me

User · Answer

If you use React this should work    x000D   x000D   lt a href     onClick      gt window open  https          lt  a gt  x000D   x000D   x000D

[html] link with target="_blank" does not open in new tab in Chrome

Examples related to html

Examples related to hyperlink