Question

right now I have an interval function in jquery that reloads a page every few seconds :

setInterval(function () {
$('div#tab2').load('morefour.php?doc=' + encodeURIComponent(ktitle));
}, 3000);
}); 

What I actually want to do now is if this input is clicked :

<input type='image' class='edit' src='edit.png'>

stop the setinterval function.

Answer 1

setInterval returns a handle you can use with clearInterval to cancel it. The handle will be a number greater than zero.

So save the handle from the setInterval call:

var handle = setInterval(function () {
    $('div#tab2').load('morefour.php?doc=' + encodeURIComponent(ktitle));
}, 3000);

…and then use it to cancel it if the button is pressed:

$("input.edit").click(function() {
    if (handle) {
        clearInterval(handle);
        handle = 0;
    }
});

Also note in that first snippet above, I’ve moved the interval parameter (3000) to where it should be (as Jared pointed out, you had it as a second parameter to load, where of course it should be a second parameter to setInterval).