Click a Button that's dynamically modified?

Question

The target page has this source:

jQuery(function () {
    var delay = 1000; //1 sn
    var id = "0b9cfb9f62ef7a2";
    jQuery.ajax({
        "method":"get",
        "url":"?ajax="+id,
        "success": function (json) {
            //alert(json);
            json = JSON.parse(json);
            setTimeout(function(){
                if(json.data != ""){
                    jQuery("#button").attr("class","btn btn-block btn-danger");
                    jQuery("#button").text(json.data);
                }else{
                    jQuery("#button").click(function(){location.href=json.url});
                    jQuery("#button").attr("class","btn btn-block btn-success");
                    jQuery("#button").text("Download!");
                }
            },delay);
        },
        "error":function(){
            alert("XXX");
        }
    });
});

What I'm trying to do is to click the Download! button once it appears after a few seconds.

I tried to by using this code:

waitForKeyElements ("#button:contains('Download')", clickSubmitBtnWhenItAppears);

function clickSubmitBtnWhenItAppears (jNode) {
    var clickEvent = document.createEvent ('MouseEvents');
    clickEvent.initEvent ('click', true, true);
    jNode[0].dispatchEvent (clickEvent);
}

But it doesn't work! I think the problem is on #button, but I couldn't figure it out. Sorry for my weak knowledge in JS.

I tried but it doesn't work – Gregor Isack Sep 25 '16 at 16:05 — Gregor Isack, Sep 25 '16 at 16:05

score 2 · Accepted Answer · edited May 23 '17 at 12:19

2

Your code is waiting for the existence of #button. What it needs to do is wait both for the existence of #button and for button to have the text "Download".

In this case, you should be able to do it merely by tuning the jQuery selector like so:

waitForKeyElements ("#button:contains('Download')", clickSubmitBtnWhenItAppears);

For more complex cases, you might need to use more fine tuning with waitForKeyElements().

edited May 23 '17 at 12:19

Community

1
1

answered Sep 25 '16 at 22:24

Brock Adams

90,639
22
233
295

Thank you so much! Now I understand! – Gregor Isack Sep 27 '16 at 02:01

Click a Button that's dynamically modified?

1 Answers1