Home/ Questions/Q 7183479
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T17:59:17+00:00

I want to work on some Live Updates which is rendered in an iframe.

  • 0

I want to work on some Live Updates which is rendered in an iframe. This file called disp.php queries a table “posts” in the database and displays them all from bottom to top. Now when a new entry is added to “posts”, I want it to be reflected real-time.

I could achieve it using 

<meta http-equiv="refresh" content="10" />

in the disp.php. But still the constant feel of refreshing is annoying. Now I’m trying to achieve the refresh this way, which doesn’t work.

<!DOCTYPE html> 
<html>
<head>
<title>Live Updates</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js">
</script>
<script> 
function refreshLiveFrame() {
$('body', window.frames['myliveframe'].document).loadIfModified("disp.php");
setTimeout("refreshLiveFrame()", 1000);
}
$(document).ready(function() {
refreshConsole();
});
</script> 
</head>
<body>
<iframe name="myliveframe" src="disp.php">
</iframe>
</body>
</html>

I need a way for a live asynchronous refresh. Anybody’s got a workaround? Thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    <!DOCTYPE html> 
<html>
    <head>
    <title>Live Updates</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function()
            {
                refresh(); // Calling refresh() on document ready
                window.setInterval("refresh()", 10000); // Calling refresh() every 10 seconds
            });

            function refresh()
            {
                // Asynchonously requesting the content of disp.php
                $.get('disp.php', function(data)
                {
                    // This will be executed when you get the response back from the server
                    $('#posts').html(data);
                });
            }
        </script> 
    </head>
    <body>
        <div id="posts"></div>
    </body>
</html>
    • 0