I have a PHP page with one table that show any information in it. That information is refreshed every three secs. Now I've found this solution for refresh the table:

<?php
echo "<div>Wele!</div>";
echo "<div align= \"center\" id=\"infos\">";    
echo "<table border= \"1\">";
...
echo "</table>";
echo "</div>";
?>

<script type="text/javascript">

$(document).ready (function () {
    var updater = setTimeout (function () {
        $('div#infos').load ('index.php', 'update=true').scrollTop(lastScrollPos);
        }, 3000);
});
</script>

in this way the html result is correct, the page is correctly updated every 3 secs, but after the first update happens a strange thing:

Html result:

<div>Wele!</div>
<div align= "center" id="infos">    
<div>Wele!</div>
<div align= "center" id="infos">    
<table border= "1">
...
</table>
</div>

So, all that I had before the refreshed div, now I have them inside the div. Where I'm wrong?

I have a PHP page with one table that show any information in it. That information is refreshed every three secs. Now I've found this solution for refresh the table:

<?php
echo "<div>Wele!</div>";
echo "<div align= \"center\" id=\"infos\">";    
echo "<table border= \"1\">";
...
echo "</table>";
echo "</div>";
?>

<script type="text/javascript">

$(document).ready (function () {
    var updater = setTimeout (function () {
        $('div#infos').load ('index.php', 'update=true').scrollTop(lastScrollPos);
        }, 3000);
});
</script>

in this way the html result is correct, the page is correctly updated every 3 secs, but after the first update happens a strange thing:

Html result:

<div>Wele!</div>
<div align= "center" id="infos">    
<div>Wele!</div>
<div align= "center" id="infos">    
<table border= "1">
...
</table>
</div>

So, all that I had before the refreshed div, now I have them inside the div. Where I'm wrong?

• javascript
• php
• html
• html-table
• refresh

Share Follow edited Aug 17, 2017 at 12:02 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Dec 22, 2013 at 11:35 user2174050user2174050 6511 gold badge22 silver badges1010 bronze badges 0

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

If I'm not wrong you're calling the same file again so you could try to do this instead,

index.php

<?php
echo "<div>Wele!</div>";
echo "<div align= \"center\" id=\"infos\">";    
echo "<table border= \"1\">";
...
echo "</table>";
echo "</div>";
?>

<script type="text/javascript">

$(document).ready (function () {
    var updater = setTimeout (function () {
        $('div#infos').load ('table.php', 'update=true').scrollTop(lastScrollPos);
        }, 3000);
});
</script>

table.php

<?php
echo "<table border= \"1\">";
...
echo "</table>";
echo "</div>";
?>

seems that you load the result of index.php into div#infos

either make a php that ONLY generates the table you like to load or consider a general HTTP refresh - which will reload the entire page