JavaScript Forum

**mad_willsy** · 05-07-2007, 09:12 AM

How do i get javascript to include a text/php file and then reinclude it every 20 seconds to look for changes and update the changes on the page without refreshing?

I wan't this php code to be reprocessed every 20 seconds to get any new messages....

PHP Code:


			
<?php    

$sql = "SELECT * FROM `shoutbox` ORDER BY `time` DESC LIMIT 20";

$result = mysql_query($sql) or die(mysql_error());

while($row = mysql_fetch_array($result)){

$username = $row["username"];

$shout = $row["shout"];

$time = $row["time"];

$time = ago2($time);

$shout = wordwrap($shout,75,'');

$statsid = mysql_query("SELECT `statsid` FROM `users_data` 

WHERE `username` = '$username'"); 

$statsid = mysql_fetch_array($statsid);

$statsid = $statsid['statsid'];

print ("<tr height='10'>");

print ("<td align=left valign=top>$time</td>");

print ("<td align=left valign=top><a href='http://www.soldierextreme.com/stats.php?id=$statsid'><b>$username</b></a></td>");

print ("<td align=left><kbd>$shout</kbd></td>");

print ("</tr>"); 

}

?>

**mad_willsy** · 05-07-2007, 09:50 AM

I've made it recall the date every 10 seconds, but now i need it to recall a php file every 10 seconds...

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript">
function Update() {
var timeout = 0;
var nbj=document.getElementById('messages');
if(nbj==null){
return;
} 
nbj.innerHTML=  new Date();
timeout = setTimeout("Update()", 10000);
}
function Start() {
timeout = setTimeout("Update()", 50);
}
 
function Kill() {
   if(timeout) {
      clearTimeout(timeout);
      timeout = 0;
   }
}

//-->

</script>
</head>
<body onload="Start()" onunload="Kill()">
<table ><tr><td id="messages"></td></tr></table>
</html>

**JeremyMiller** · 05-08-2007, 04:47 AM

You really ought to look at Ajax as this is exactly the type of things Ajax is perfect for.