Hola! buen dia.. resulta que estoy desarrollando una pagina donde tengo un "muro" tipo facebook, donde se pueden hacer publicaciones, comentarios, calificar el comentario, ademas de que muestra la foto de usuario y el nombre con links respectivos a el perfil de cada usuario, el "asunto" es que necesito actualizar el div donde se encuentra el muro, para que los usuarios vean los comentarios en tiempo real. tengo el script que actualiza que es cada 10 segundos, pero si el usuario tarda mas de eso en escribir su mensaje.. el contenido se actualiza y el mensaje se borra.. este es el codigo que tengo.. alguna otra idea?
Cita: // Cambia estos parametros
var time = 10; // el tiempo en que se refresca
var div = "mostrar"; // el div que quieres actualizar!
var direction = "wall/consulta.php"; // el archivo que ira en el div
var varjy = "' . $visit . '";
var varjx = "' . $usu . '";
////////////////////////////////
//
// Refreshing the DIV
//
////////////////////////////////
function refresh(){
// The XMLHttpRequest object
var xmlHttp;
try{
xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari
}
catch (e){
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer
}
catch (e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e){
alert("Tu explorador no soporta AJAX.");
return false;
}
}
}
// Timestamp for preventing IE caching the GET request
var fetch_unix_timestamp ="";// lets declare the variable
fetch_unix_timestamp = function()
{
return parseInt(new Date().getTime().toString().substring(0, 10))
}
var timestamp = fetch_unix_timestamp();
var nocacheurl = direction+"?usu="+varjx+"&visit="+varjy+"&t="+time stamp;
// The code...
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
document.getElementById(div).innerHTML=xmlHttp.res ponseText;
setTimeout('refresh()',time*1000);
}
}
xmlHttp.open("GET",nocacheurl,true);
xmlHttp.send(null);
}
// Empieza la función de refrescar
window.onload = function startrefresh(){
setTimeout('refresh()',time*1000);
}