Question

I want to have a timeout after 5 seconds and then display “Unable to fetch page”. But im not sure how to go about it… Heres what I got so far…

$(document).ready(function() {
                    $('#content').html('<br><br><br><br><img src="load.gif" border="0"><br><br><strong>Generating Link...</strong>');
                $("#content").load("ajax.php");
})

Answer 1

var tick = function() {
             $("#content").html('Unable to fetch page!');
           }

$(document).ready(function() {

                var loadTimeout = setTimeout(tick, 5100);

                $.ajax({
                  url: "ajax.php",
                  timeout: 5000,
                  success: function(data) {
                    $("#content").html(data);
                    clearTimeout(loadTimeout);
                  }
                });

})