How can i disable onclick event after successful ajax request?

Question

I want to disable onclick event after successful ajax request

<div class="report_button" id="report_button" title="Reportthis" style="width:65px;height:15px;" onclick="reported_text(user_id,lead_id);">Report</div>

this is my div which i want to disable div after clicked

function reported_text(user_id,lead_id){
    new Ajax.Request("/agent/report/lead-refund",
    {
        method:"POST",
        parameters:"user_id=" + user_id + "&lead_id=" + lead_id ,
        onSuccess: function(transport){
            alert("Thank you for Response");
            jQuery('#report_button').attr("disabled", "disabled");
        },
        onFailure: function(transport){

            $('tag_error_status').innerHTML = '';
            alert("Unsuccessful request processing. This will be rectified soon.");
        }
    });
}

is there any way to do this. and this div is used for many users, i have to do it in such a way so that it only disable for particular user.

attr disabled is just for type buttons doesn't work on div ... you will need to use off() — DaniP, Jan 06 '15 at 13:48

score 3 · Accepted Answer · answered Jan 06 '15 at 13:44

 new Ajax.Request("/agent/report/lead-refund",
    {
        method:"POST",
        parameters:"user_id=" + user_id + "&lead_id=" + lead_id ,
        onSuccess: function(transport){
            alert("Thank you for Response");
            jQuery('#report_button').hide();
        },
        onFailure: function(transport){

            $('tag_error_status').innerHTML = '';
            alert("Unsuccessful request processing. This will be rectified soon.");
        }
    });

You can use hide function to do so... or you can use $("#report_button").attr("onclick","")

score 1 · Answer 2 · answered Jan 06 '15 at 13:51

Depends on how you added the listener try the one that suits: if you used $(document).on then use:

$(document).off("click", "#report_button");

if you used $("#report_button").on then use:

$("#report_button").off

or just use:

$("#report_button").click(function(){ return false; });

score 0 · Answer 3 · edited May 23 '17 at 12:28

0

You can disable click like this:

document.getElementById("report_button").onmousedown = new function ("return false");

Here is where I found this code link

edited May 23 '17 at 12:28

Community

1
1

answered Jan 06 '15 at 13:46

brso05

13,142
2
21
40

How can i disable onclick event after successful ajax request?

3 Answers3