Question

I have got site with dynamic refreshing divs.

Source:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
    <script> 
    var auto_refresh = setInterval(
    function()
    {
    $('#loaddiv').fadeOut('slow').load('boo.php').fadeIn("slow");
    $('#loaddiv2').fadeOut('slow').load('boo2.php').fadeIn("slow");
    }, 1000);
    </script>

But I want fadeout and fadein only if boo.php return different(updated) value than actuall div.
How compare new and actuall value and do this?

P.s Sorry for bad English but I’m Polish

Answer 1

You’d have to write an Ajax function to boo.php and compare the result with the div’s value

$.ajax(
{
    url: "boo.php",
    success: function(result) 
    {
        if($("#loaddiv").html() != result)
        {
            $("#loaddiv").fadeOut("slow")
            $("#loaddiv").html(result);
            $("#loaddiv").fadeIn("slow");
        }
    }
});