How can I automate certain actions on a certain web page using javascript and jquery?

Question

I am learning javascript and would like to exercise a simple task, which I just fail to get right.

All I want is to automate these actions:

Navigating to a url
Logging into the site by typing the password and clicking the login button
Then click another button, which would open a list of items.
Enumerate the list of items, expanding each item by clicking a certain link.

This should be basic for any experienced javascript/jquery programmer, but I am kind of lost.

Here is what I have until now: html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Bump the site</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="bump.js"></script>
</head>
<body>
</body>
</html>

bump.js:

jQuery(function($) {
  var intervalID = null;

  function checkPasswordField() {
    $("#password").val("my-password");
    if ($("#password").val() === "my-password") {
      clearInterval(intervalID);
      $("#login")[0].click();
    }
  }

  window.location.href = "http://www.the-site.co.il";
  $(document).ready(function() {
    intervalID = window.setInterval(checkPasswordField, 1000);
  });
});

Of course, it does not work. When the site is loaded, the bump.js script is no longer with us - Chrome does not show it in the list of the loaded scripts. I guess, this behavior is logical, but then how do I do it?

Thanks.

Fox32 · Accepted Answer · 2012-02-26 16:13:11Z

2

It won't work with JavaScript the "normal" way. But you could create a Google Chrome extension to automate the tasks with JavaScript. You can find more information about extensions for Google Chrome here.

answered Feb 26, 2012 at 16:13

Fox32

13.7k9 gold badges54 silver badges71 bronze badges

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

Comments

Mc- · Accepted Answer · 2012-02-26 16:09:57Z

1

I'm not sure this is possible using JQuery, unless the files are available to each page you load which seems is not the case.

Option 1. You could try using an iframe and doing all steps inside that window, this way you would always have the js library available.

Option 2. You could use testing tools such as Selenium to automate some tasks http://seleniumhq.org/

Hope it helps

answered Feb 26, 2012 at 16:09

Mc-

4,06610 gold badges42 silver badges61 bronze badges

1 Comment

Fox32 Over a year ago

Using an iframe is only possible on the same origin

Josh Rack · Accepted Answer · 2012-02-26 16:09:57Z

0

This is not something you can do with JavaScript / Jquery. As you noticed, your script is no longer present once you've redirected. This is a good thing, otherwise websites would be vulnerable to scripts from people with much more malicious intent than you. Like injecting scripts into your bank's website to capture your password keystrokes as you type.

answered Feb 26, 2012 at 16:09

Josh Rack

1,24211 silver badges11 bronze badges

Collectives™ on Stack Overflow

How can I automate certain actions on a certain web page using javascript and jquery?

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related