Hola amigos,
Estoy utilizando ajax en uno de mis projectos y tengo un gran problema que no se como solucionarlo de momento: Como hacer para seguir mostrando información si no hay conexion? algo asi como hace el gmail; claro no hay actualización sino seguir mostrando la página y actualizar hasta que hay conexion con el servidor.
Realizo lo siguiente:
Pagina1.php
<html>
<head>
<title></title>
<script type="text/JavaScript" src="js.js"></script>
</head>
<body onLoad="actualizaPantalla('pagina2.php')">
<div id="actializa">
</div>
</body>
</html>
en js.js esta la funcion actualizaPantalla('pagina2.php')
function actualizaPantalla(file)
{
//Se llama a la funcion para que de frente pinte la informacion.
recargaPantallaInicio(file);
setInterval("recargaPantallaInicio('"+file+"')", 5000);
}
function recargaPantallaInicio(file)
{
var urlget=file;
if (http)
{
http.open("GET",urlget,true);
http.onreadystatechange = handleHttpResponse;
http.send(null);
}
}
var http = getXmlHttpObject();
var resultOri="";
function getXmlHttpObject()
{
try {
objetus = new ActiveXObject("Msxml2.XMLHTTP");
}catch (e)
{
try {
objetus= new ActiveXObject("Microsoft.XMLHTTP");
}catch (E)
{
objetus= false;
}
}
if (!objetus && typeof XMLHttpRequest!='undefined')
{
objetus = new XMLHttpRequest();
}
return objetus;
}
function handleHttpResponse()
{
if (http.readyState == 4)
{
var claseP = document.getElementById('principal');
var results = http.responseText;
if (resultOri != results)
{
resultOri=results;
claseP.innerHTML = results;
}
}
}
Ojala alguien tenga alguna idea.