Remove Refresh Help Jquery

Question

I am trying to get the div recentactivity to only refresh when Remove is clicked

< a href='#' onclick=\"javascript:remove_wall('$id')\">Remove

but when every i click on the link it keeps trying to refresh. when the mouse go's over the tr a link comes up saying remove here is the code for that.

$(function() {

$("tr").hover(function() {

var id = this.id.split('_').pop();       
$("#remove_" + id).show();    
}, function() {       
var id = this.id.split('_').pop();       
$("#remove_" + id).hide();

});

});

Here is what happened when you click the link.

function remove_wall(id) {

var refresh = setInterval(function() {

$("#recent_activity").load("activity.php?random=" +unique_requestid());
}, 1);

$("#contentArea").load("remove.php?wall_id="+id+"");

};

The remove in php is working perfectly fine.

Answer 1

The problem is you are using setInterval - which repeats a function every x milliseconds, where x is the interval given.

What you really need to use is setTimeout - which will start a timer and then run once the timer counts down, and will run only once.

Your code should look like this:

function remove_wall(id) {  
    var refresh = setTimeout(function() {
        $("#recent_activity").load("activity.php?random=" +unique_requestid());
    }, 1);
    $("#contentArea").load("remove.php?wall_id="+id+"");
};

Link for further reading: Timers with setTimeout and setInterval