Looking to automate a webpage with links using Javascript

Question

I'm new to programming and have a question related to HTML and Javascript. I have a HTML page with 100 links on it. I'm looking for a way wherein if I click on the first link then the rest of the links are clicked after it without me having to click them manually. Is there a way to do it?

Please help!!!

Thank you so much for answering my question. This is what I used: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("a:first").click(function() { $("a:not(:first)").click(); }); }); </script> </head> <body> <a href="google.com">google</a>; <a href="yahoo.com">yahoo</a>; </body> </html> But when I click on google, then the other page does not open. Where am I going wrong? — newbee
– newbee, Commented May 14, 2011 at 2:49

mellamokb · Accepted Answer · 2011-05-14 02:05:20Z

2

$("a:first").click(function() {
    $("a:not(:first)").click();
});

Sample working code: http://jsfiddle.net/EJY8s/

answered May 14, 2011 at 2:05

mellamokb

56.8k12 gold badges111 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

newbee Over a year ago

Thank you so much for answering my question. This is what I used: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("a:first").click(function() { $("a:not(:first)").click(); }); }); </script> </head> <body> <a href="google.com">google</a> <a href="yahoo.com">yahoo</a> </body> </html> But when I click on google, then the other page does not open. Where am I going wrong?

Marcel Over a year ago

The problem with this answer is it relies on target="_blank" being set on the <a> elements, which your demo code doesn't have. My answer is more foolproof as it doesn't require this.

Jonathan Tran · Accepted Answer · 2011-05-14 02:12:53Z

2

$('a').each(function() {
    $(this).click();
});

For full-syntax head to Jquery site documentation.

edited May 14, 2011 at 2:12

Jonathan Tran

15.3k9 gold badges64 silver badges67 bronze badges

answered May 14, 2011 at 2:01

Satish

6,5058 gold badges45 silver badges63 bronze badges

Comments

Marcel · Accepted Answer · 2011-05-14 02:53:19Z

2

The following bit of Javascript will make it so you can click any one of those 100 links and open them each in a new window. 100 impressions, how nice.

$a = $("a");
$a.click(function(e){
    e.preventDefault();
    $a.each(function(){ window.open(this.href); });
});

Demo: jsfiddle.net/JB2YF

If you only want the first <a> to open all links, it's an easy tweak:

$("a:first").click(function(e){
    e.preventDefault();
    $("a").each(function(){ window.open(this.href); });
});

edited May 14, 2011 at 2:53

answered May 14, 2011 at 2:16

Marcel

28.1k9 gold badges73 silver badges85 bronze badges

2 Comments

newbee Over a year ago

Thank you so much for answering my question. This is what I used: <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("a:first").click(function() { $("a:not(:first)").click(); }); }); </script> </head> <body> <a href="google.com">google</a>; <a href="yahoo.com">yahoo</a>; </body> </html> But when I click on google, then the other page does not open. Where am I going wrong?

Marcel Over a year ago

From a quick glance, using that answer won't work because it will try and open all the links in the same current window which isn't going to work properly. Just use the second part of my answer above instead.

Collectives™ on Stack Overflow

Looking to automate a webpage with links using Javascript

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related