Actualizacion de un div con ajax

[xlos_mas_pro]

Estoy usando un codigo que encontre en internet para actualizar elementos utilizando ajax es este codigo

http://vcomputadoras.com/usa-ajax-pa...ar-un-tag-div/

y funciona perfectamente si no es por un pequeño detalle que cuando quiero actualizar una cosulta que trae imagenes se nota cuando las imagenes se actualizan y se ven parpadiando lo raro es que solo pasa en google crome y en internet explored como puedo arreglar eso ?

[maycolalvarez]

ese ejemplo es obsoleto, consulte un manual de AJAX, se debe evaluar el XmlHttpRequestInstance.status == 200 además del readyState == 4, por ello papadea

[xlos_mas_pro]

Me podrias ayudar un poco por que no entiendo o me recomendarias otro codigo a usar del mismo estilo

[maycolalvarez]

ya le indique que se resuelve evaluando XmlHttpRequestInstance.status == 200 además del readyState == 4, por favor consulte un manual de AJAX:

http://librosweb.es/ajax/index.html

la diferencia entre sólo usar AJAX y realmente saber como funciona marca la deferencia para sacar provecho de la técnica y evitar cometer errores comunes como el ejemplo anterior.

[xlos_mas_pro]

No es que realmento nose nada de ajax estoy recien aprediendo de este tecnologia pero leere el manual Gracias :D

[xlos_mas_pro]

ajjajajajajajaj Estaba leyendo el manual equivocado por que uno le hace click al primer capitulo y en el segundo cambia al manual de javascript por eso yo decia por que tanto javasript wujsajjaja

[xlos_mas_pro]

No sigue funcionando mal miralo ya leei el manual ajsasjaj y cambie lo que me dijiste pero cuando subo una foto y la pagina se empieza actualizar el scroll se mueve como loco y la foto parpadea pero no pasa en otro nav solo en crome lo que pasa es que estoy haciendo un sistema de publicaciones tipo facebook y quiero que se actualize en forma real pero al subir una foto a la publicacion se actualiza perfecto pero empieza como si la estuviera cargando y parpadea y solo lo hace un rato luego de ese rato el error que sucede es qe el scroll se mueve solo
este es el codigo

Código Javascript:

var seconds = conf.tiempo; // el tiempo en que se refresca
    var divid = conf.divisor; // el div que quieres actualizar!
    var url = conf.url; // el archivo que ira en el div
    function refreshdiv(){
 
        // 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 timestamp = parseInt(new Date().getTime().toString().substring(0, 10));
        var nocacheurl = url+"?t="+timestamp;
 
        // The code...
 
        xmlHttp.onreadystatechange=function(){
            if(xmlHttp.readyState== 4 && xmlHttp.readyState != null && xmlHttp.status == 200){
                document.getElementById(divid).innerHTML=xmlHttp.responseText;
                setTimeout(refreshdiv(),seconds*1000);
            }
        }
        xmlHttp.open("GET",nocacheurl,true);
        xmlHttp.send(null);
    }
 
    // Empieza la función de refrescar
 
    window.onload = function(){
        refreshdiv(); // corremos inmediatamente la funcion
    }
 

[maycolalvarez]

bueno al menos ya resolvimos el primer punto para descartar que AJAX sea el problema, lo que nos deja con los errores de impelmentación (sí, lo tenia fríamente calculado, soy muy malo)

ahora que sé que quieres emular facebook lamento decirte que como lo tienes (polling tradicional) no es precisamente la forma más optima de hacerlo debido al alto consumo de ancho de banda, porque Facebook utiliza COMET, en tal caso las alternativas van desde AJAX longpolling, HTML5 webSockets, APE entre otras.

Por otro lado y con respecto al que se te desplaza el scroll ten en cuenta que puede depender del layout y el como devuelvas las fotos en la respuesta AJAX, veo que haces un innerHTML y dependiendo del tamaño de la foto y la posición actual es normal que pase, las alternativas pueden ser o controlar el tamaño de las imágenes o verificar el tamaño de las mismas y compensar el scroll.

[xlos_mas_pro]

mira cambie el codigo a jquery despues de leer el manual completo de ajax comprendi que lo que era y creo que no lo sabia pero cree un plugin con jquery que hace la misma funcion pero sucede el mismo problema pero lo raro es que solo en Google Crome porque ?

Código Javascript:

var seconds = conf.tiempo; // el tiempo en que se refresca
    var divid = conf.divisor; // el div que quieres actualizar!
 
        setInterval(function(){
           $(divid).load(location.href+' '+divid);
        },seconds*1000)
 

ese es el codigo que hice XD el puglin completo es este:

Código Javascript:

jQuery.fn.actualizar = function(opciones) {
    var conf = {
        tiempo : 5,
        divisor : "#nombre",
    };
jQuery.extend(conf, opciones);
 
this.each(function(){
 
    var seconds = conf.tiempo; // el tiempo en que se refresca
    var divid = conf.divisor; // el div que quieres actualizar!
 
        setInterval(function(){
           $(divid).load(location.href+' '+divid);
        },seconds*1000);
});
return this;
};
 

Y lo implemento de la siguiente manera :

Código Javascript:

$('#rooms').actualizar({
            url : "<?php echo base_url(); ?>salas/all_rooms/consulta",
            divisor : "#rooms",
            tiempo : 2,
        });
 

funciona perfecto excepto por ese maldito error en CROME ayudame debe haber alguna solucion es que nose aplicar ninguna otra cosa y no me quiero poner a leer un manual de 300 pagina solo para hacer esto

GRACIAS DE ANTE MANO POR TODA TU AYUDA

[Bam_Margera]

Tio, lo más fácil es que importes la librería JQuery

Entonces teniendo

<div id="elemento"></div>

Puedes hacer cosas como:

$('#elemento').load('pagina.html');

Más fácil...

[xlos_mas_pro]

de que estas hablando Bam_Margera lee bien el post esto es para actualizar en tiempo real XD no tengo ningun problema con implementacion de jquery y lo que me dices si lo se

[utan]

Iniciado por xlos_mas_pro

de que estas hablando Bam_Margera lee bien el post esto es para actualizar en tiempo real XD no tengo ningun problema con implementacion de jquery y lo que me dices si lo se

Hola, cuando haces una llamada Ajax solo estan octeniendo una respuesta de tu servidor, no estas descargando el contenido en si, por ejemplo las fotos..

lo que manda el servidor es la direccion relativa de la foto, el explorador de el usuario empieza a descargar la foto..

y dependiendo de su velocidad , latencia esta se cargara.. de la forma en que se puede evitar es teniendo un cache de la foto que posiblemente se mandara..

o colocando un pequeño efecto que el ajax se esta cargando y en fondo en si se esta cargando la fotos que se an recivido en el ajax response..

Estoy totalmente deacurdo en que se deve testear el XmlHttpRequestInstance.status , pero en este caso no serviria de nada ya que este es especialmente importante para indicar si el documento al cual esta hasiendo la consulta fue encontrado , y note encontras con un 400 not found.. si tenemos el 200 nos indica que el documento se encontro satisfactoriamente..