How to make a link open multiple pages when clicked

Question

I have two  or more  links  For example  http   google com and http   yahoo com   How can I make them both open when I click on a single link   For example  a link entitled  click here  which  when clicked  will open two different blank windows

User · Answer

I did it in a simple way        lt a href  http   virtual-doctor net  onclick  window open  http   runningrss com    return true   gt multiopen lt  a gt    It ll open runningrss in a new window and virtual-doctor in same window

User · Answer

You need to unblock the pop up windows for your browser and the code could work      chrome   settings contentExceptions popups

User · Answer

If you prefer to inform the visitor which links will be opened  you can use a JS function reading links from an html element  You can even let the visitor write modify the links as seen below    lt script type  text javascript  gt       function open all links             var x   document getElementById  my urls   value split   n            for  var i   0  i  lt  x length  i                if  x i  indexOf       gt  0              if  x i  indexOf         lt  0                  window open  http       x i                else                 window open x i           lt  script gt      lt form method  post  name  input  action    gt        lt textarea id  my urls  rows  4  placeholder  enter links in each row     gt  lt  textarea gt       lt input value  open all now  type  button  onclick  open all links     gt   lt  form gt

User · Answer

You can open multiple windows on single click    Try this     lt a href  http   --        onclick   window open  http   --      width 700 height 700                    window open  http   --      width 700 height 500         add more                  gt Click Here lt  a gt

User · Answer

I created a bit of a hybrid approach between Paul  amp  Adam s approach   The link that opens the array of links is already in the html  The jquery just creates the array of links and opens each one when the  open-all  button is clicked   HTML    lt ul class  links  gt   lt li gt  lt a href  http   www google com   gt  lt  a gt  lt  li gt   lt li gt  lt a href  http   www yahoo com   gt  lt  a gt  lt  li gt   lt  ul gt    lt a id  open-all  href     gt OPEN ALL lt  a gt    JQUERY     function        On DOM content ready        var hrefs                links a   each function             hrefs push this href      Store the URLs from the links                     open-all   click function             for  var i in hrefs                window open hrefs i          that opens each stored link in its own window when clicked                            You can check it out here  https   jsfiddle net daveaseeman vonob51n 1

User · Answer

HTML    lt a href     class  yourlink  gt Click Here lt  a gt    JS      a yourlink   click function e        e preventDefault        window open  http   yoururl1 com        window open  http   yoururl2 com          window open also can take additional parameters   See them here  http   www javascript-coder com window-popup javascript-window-open phtml  You should also know that window open is sometimes blocked by popup blockers and or ad-filters   Addition from Paul below  This approach also places a dependency on JavaScript being enabled   Not typically a good idea  but sometimes necessary

User · Answer

You might want to arrange your HTML so that the user can still open all of the links even if JavaScript isn   t enabled   We call this progressive enhancement   If so  something like this might work well   HTML   lt ul class  yourlinks  gt       lt li gt  lt a href  http   www google com   gt  lt  li gt       lt li gt  lt a href  http   www yahoo com   gt  lt  li gt   lt  ul gt    jQuery    function        On DOM content ready        var urls                yourlinks a   each function             urls push this href      Store the URLs from the links                 var multilink       lt a href     gt Click here lt  a gt        Create a new link        multilink click function             for  var i in urls                window open urls i          that opens each stored link in its own window when clicked                               yourlinks   replaceWith multilink         and replace the original HTML links with the new link        This code assumes you   ll only want to use one    multilink    like this per page   I   ve also not tested it  so it   s probably riddled with errors

[javascript] How to make a link open multiple pages when clicked

Examples related to javascript

Examples related to jquery

Examples related to html