Pacecode Blog » page refresh with time delay http://www.pacecode.com/blog Tips,Ideas, Free scripts and more... Sat, 24 Apr 2010 16:39:55 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Part of Page refresh using AJAX with timed delay http://www.pacecode.com/blog/2008/09/21/part-of-page-refresh-using-ajax-with-timed-delay/ http://www.pacecode.com/blog/2008/09/21/part-of-page-refresh-using-ajax-with-timed-delay/#comments Sun, 21 Sep 2008 16:55:09 +0000 Raja MM http://www.pacecode.com/blog/?p=9

<head>
<script type=”text/javascript”>
function makAx() // this function to activate XMLHttpRequest Object
{
try
{
xm = new ActiveXObject(“Msxml2.XMLHTTP”);
return true;
}
catch (e)
{
try
{
xm = new ActiveXObject(“Microsoft.XMLHTTP”);
return true;
}
catch (e2)
{
xm = false;
}
}
if (!xm && typeof XMLHttpRequest != ‘undefined’)
{
xm = new XMLHttpRequest();
return true;
}
}
function showImages()
{
if(makAx()) // XMLHttpRequest checked here
{
url = “external-page-for-db-query.php”; // this file will contains your db query
callavail();
}
}
function callavail()
{
xm.open(“GET”,url,true); // This is ajax functionality. It may have true(for synchronous request) or false(for asynchronous request)
xm.onreadystatechange = cavail;
xm.send(null);
}
function cavail()
{
if(xm.readyState == 4) // If ready state reached
{
var response = xm.responseText;
var str = document.getElementById(“showResult”); // result of “external-page-for-db-query.php” will come here
str.innerHTML = response;
setTimeout(“showImages()”,1000); // here 1000 represents one second for time delay. showImage() function will be called with the specified time delay
}
}
</script>
</head>

<body>
<div id=”showResult”></div> <!–page result will be displayed here–>
</body>
</html>

]]> http://www.pacecode.com/blog/2008/09/21/part-of-page-refresh-using-ajax-with-timed-delay/feed/ 2