Javascript click doesn't work

Question

I'm simply trying to figure out how to automatically click the login button. Nothing I've tried works.

https://www.24option.com/24option/#Trade

I've tried:

$(".loginButton").click()
$("#loginButton").click()
$(".gwt-PushButton.loginButton.gwt-PushButton-up").click()

I've also tried using a few "click simulators" via javascript. Those didn't work either.

Any ideas how to just get the button to click via JS?

Basically you want it to auto-click once the form has been filled? — X10nD
– X10nD, Commented Aug 25, 2013 at 17:07
Yes. I can fill the form in and I can also "submit" the form but I need to actually click the button not submit the form. The reason for this is because once logged in, the button becomes a logout button and there is no longer a form. Solving for clicking the LOGIN button also solves for clicking the LOGOUT button. — JanusP
– JanusP, Commented Aug 25, 2013 at 17:09

26ph19 · Accepted Answer · 2013-08-25 17:01:47Z

1

Have you tried this?

$('.loginButton').on('click', function () {
    //code here
});

edited Aug 25, 2013 at 17:01

answered Aug 25, 2013 at 16:01

26ph19

40310 silver badges23 bronze badges

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

1 Comment

JanusP Over a year ago

It's not my site. I'm trying to automate using the site.

Felipe Pereira · Accepted Answer · 2013-08-25 19:29:42Z

1

$("#TopPanel").find("#loginForm").submit();

but if you need only the click

$("#TopPanel").find("#loginForm").find('button').click();

After the las edit I think I'll give up, but if you want to keep trying I add this (in case real clicks are being detected somehow, play around with the coordinates or something)

var evt = document.createEvent("MouseEvents");
evt.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
document.getElementById("loginButton").parentNode.dispatchEvent(evt);

Good luck

edited Aug 25, 2013 at 19:29

answered Aug 25, 2013 at 17:02

Felipe Pereira

12.5k4 gold badges43 silver badges45 bronze badges

6 Comments

JanusP Over a year ago

Thanks, however, I'm trying to click the button, not submit the form. Once logged in, the button turns to a logout button and is no longer a form and I need to be able to click the logout button as well. So I'm trying to figure out how to trigger the click on the LOGIN button. There has to be a way...

Felipe Pereira Over a year ago

Check the edit and let me know if it works once inside the site

JanusP Over a year ago

Nope, and when trying it on the main page I get: TypeError: Cannot call method 'find' of null

Felipe Pereira Over a year ago

Well, the click works outside the site (tested on chrome console), I can't test it as a logged user, but it may be the same thing, find the button locating a parent who has an id and then click it

JanusP Over a year ago

Ah, sorry. 24option.com/24option/#Trade - try that. Nothing will click that login button.

|

Tushar Gupta - curioustushar · Accepted Answer · 2013-08-25 15:35:32Z

0

use

$('.login_btn').click();

or

$('.login_btn').trigger('click');

answered Aug 25, 2013 at 15:35

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

3 Comments

Ionică Bizău Over a year ago

But the OP didn't ask for performance. They do same thing in this context, I guess: if click() doesn't work, trigger("click") does not work, too.

Tushar Gupta - curioustushar Over a year ago

@JanusP on 24option.com/24option/#Login use $('.grayButton').click();

JanusP Over a year ago

@TusharGupta - that isn't the same page I need. I need the LOGIN button up top (as the internal logout button works the same). $('.login_btn').trigger('click') does nothing, same with click().

user2712640 · Accepted Answer · 2013-08-25 15:38:21Z

0

Can you show more code? It works fine here:

var btn = document.getElementById("button");
btn.addEventListener("click", function(){ alert("button clicked"); });
btn.click();

Maybe you're having an error with DOM Selection. If you are, try using FireBug or the developer console in Chrome to catch it.

answered Aug 25, 2013 at 15:38

user2712640

312 bronze badges

1 Comment

JanusP Over a year ago

All the code is on the site listed. If you use chrome console or firebug you can see nothing works to click the button.

Kanishka Panamaldeniya · Accepted Answer · 2013-08-25 16:02:43Z

0

define the click function

$("#loginButton").click(function(){


  alert("clicked");

});

trigger the click function , inside document.ready function

$('#loginButton').trigger('click');

then the button wil be clicked automatically.

answered Aug 25, 2013 at 16:02

Kanishka Panamaldeniya

17.6k31 gold badges128 silver badges195 bronze badges

Collectives™ on Stack Overflow

Javascript click doesn't work

5 Answers 5

1 Comment

6 Comments

3 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

6 Comments

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related