Question

I have a function which looks like this.

function loadbottom(){
     $("#uploadsegment").load("bottompart.php?id=<?php echo $_GET['id'] ?>&page=<?php echo $_SERVER['REQUEST_URI'] ?>"); 
}
setInterval (loadbottom, 5000);

This function calls a url which generates a form.
However, since it keeps getting refreshed the user can’t properly enter text into the form.

I was thinking something like: if(textbox.focus) then dont refresh else refresh. I saw a couple of stackoverflow posts on this topic however none seemed to work.

Any ideas?

Answer 1

function loadbottom(){
  $("#uploadsegment").load("bottompart.php?id=<?php echo $_GET['id'] ?>&page=<?php echo $_SERVER['REQUEST_URI'] ?>", function () {

    $(this).find('input').focus(function () {
      clearInterval(t);
    });

  }); 

}
 var t = setInterval (loadbottom, 5000);