What I am trying to do is use ajax to include a page and then refresh the includes page like every twenty seconds. Basically, the ajax includes a page of data which is displayed in a box. I need to refresh this box of data every twenty seconds. While it is refreshing I would like to be able to display a loading sign.
At the moment I have only got the ajax include code working and not sure where to go from there, if it is even possible.
Here is the code,
Code: Select all
<script type="text/javascript">
var rootdomain="http://"+window.location.hostname
function ajaxinclude(url) {
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.open('GET', url, false) //get page synchronously
page_request.send(null)
writecontent(page_request)
}
function writecontent(page_request){
if (window.location.href.indexOf("http")==-1 || page_request.status==200)
document.write(page_request.responseText)
}
</script>Thanks,
John