Sistema de tiempo real.

[Requenaeo]

Saludos amigos del foros les tengo una pregunta que en realidad lo tengo desde el comienzo del trabajo de mi pagina, pero bueno es asunto es que tengo una página de noticia similar así que en cualquier momento coloque una noticia y en ese instante todos lo vean
Buenos he utilizado varios códigos Javascript para que actualice en cada cierto tiempo pero cada vez que actualiza hay usuarios que seleccionan el texto pero en ese momento viene otro notica pero al actualizar se borra automáticamente lo seleccionado y de todos modos así venga una nuevo noticia siempre en tres segundo pasa eso mismo pero al pensarlo bien si en mi pagina visitan más de 100 personas puede causar un problema en el sistema pero la pregunta es:

¿Cómo puede hacer un actualizador de comentarios cuando haya una nueva noticia y que no borre lo seleccionada de cualquier otro comentario viejo?

[marcofbb]

Iniciado por Requenaeo

Saludos amigos del foros les tengo una pregunta que en realidad lo tengo desde el comienzo del trabajo de mi pagina, pero bueno es asunto es que tengo una página de noticia similar así que en cualquier momento coloque una noticia y en ese instante todos lo vean
Buenos he utilizado varios códigos Javascript para que actualice en cada cierto tiempo pero cada vez que actualiza hay usuarios que seleccionan el texto pero en ese momento viene otro notica pero al actualizar se borra automáticamente lo seleccionado y de todos modos así venga una nuevo noticia siempre en tres segundo pasa eso mismo pero al pensarlo bien si en mi pagina visitan más de 100 personas puede causar un problema en el sistema pero la pregunta es:

¿Cómo puede hacer un actualizador de comentarios cuando haya una nueva noticia y que no borre lo seleccionada de cualquier otro comentario viejo?

Tenes que hacerlo vía AJAX, y que si no hay noticias nuevas no cambie el HTML. Y si hay nuevas noticias, que agregue las nuevas, pero que no edite todo el código html de X div.

PD: Para ayudarte mas, tenes que dejar el código

Saludos

[Requenaeo]

ok no hay problema yo tengo entendido que es por ajax pero toda los codigo que he hecho simpre hace lo ya dicho borra lo seleccionado de todo modaos te voy a dejar 2 codigo para que lo veas

Código Javascript:

var seconds = 3; // el tiempo en que se refresca
    var divid = "comment-conte"; // el div que quieres actualizar!
    var url = "comentarios.php"; // 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){
                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
    }
 

este es el que yo naturalmente utilizo

Código Javascript:

var UltFec;
function consultaMensajes(){
  divResultado = document.getElementById('pagina');
  ajax=objetoAjax();
  ajax.open("GET", "consulta.php?ultfec="+UltFec,true);
  ajax.onreadystatechange=function() {
   if (ajax.readyState==4) {
    //obtenemos los resultados XML;
    var datos=ajax.responseXML.documentElement;
    //mediante manejo de DOM accedemos a los elementos del XML
    for (i = 0; i < datos.getElementsByTagName('elemento').length; i++){
     var item = datos.getElementsByTagName('elemento')[i];
     var fec = item.getElementsByTagName('fecha')[0].firstChild.data;
     var usu = item.getElementsByTagName('usuario')[0].firstChild.data;
     var men = item.getElementsByTagName('mensaje')[0].firstChild.data;
     var linea='<div class="c_fecha">'+fec+'</div><div class="c_usuario">'+usu+'</div><div class="c_mensaje">'+men+'</div>';
     CrearCaja(linea);
    } 
    //si ultima fecha esta definida se usará
    //caso contrario se dejara con su valor anterior
    if(typeof fec!='undefined'){
     UltFec=fec;
    }
   }
  }
  ajax.send(null)
  //consultar mensaje nuevos cada 3 seg. 
  setTimeout('consultaMensajes();',3000);
 }
 
//cuando se carga la pagina principal consultamos los mensajes 
 window.onload = function (){
  consultaMensajes();
 }
 

este otro lo descubri pero e tenenidos varios inconveniente como que al pasa los comentarios que los pide en XML siempre se repiten una y otro vez.

[marcofbb]

Tenes que usar el segundo, ya que crea una nueva div para cada nuevo resultado, lo que tenes que hacer es buscar la forma para que busque apartir de la ID que se mostro en pantalla.

Ejemplo en la base de datos tenes las ID del 1 al 13, el visitante entro a tu pagina web y solo había 10, a la hora de que ajax se ponga en marcha tenes que pasarle ese ID 10 para que solo te imprima los restante 11 12 y 13.

PD: Podes adaptar el segundo con el primero, y problema resueltos. Te recomiendo preguntarlo en Javascript/Ajax

Saludos

[Requenaeo]

en realida no te entendi bien??

[Requenaeo]

podras explicar con codigop si quieres solo la mitad por que en realidad no se como ubicarme

[miSko]

Basicamente es lo que te dicen.

Cada vez que obtengas noticias nuevas, lo que tienes que hacer es agregar un bloque adicional por cada noticia justo encima de las antiguas, no actualizar todas las noticias para mostrar las antiguas y las nuevas.

Es decir, Si tenemos esta numeracion:

D
C
B
A

Cuando toque la E , solo deberia aparecer la E enciam de DCBA , no deberia dibujar EDCBA

[Requenaeo]

ah ok, es decir lo codigo que mostre esta bien solamente tengo que agregar ese script que al repetir el mismo datos no actualizar.

pero la pregunta es como puedo hacer eso por que en realidad estoy enredado con el script como puede colocarlo

[marcofbb]

Vas a tener que usar en javascript "createElement" y "appendChild", te recomiendo buscar sobre ello en google. Y hacer la misma pregunta en el apartador correspondiente en el foro.

Saludos

[Requenaeo]

Iniciado por marcofbb

Vas a tener que usar en javascript "createElement" y "appendChild", te recomiendo buscar sobre ello en google. Y hacer la misma pregunta en el apartador correspondiente en el foro.

Saludos

encontre uno pero al parecer no tiene comunicacion con php asi que es este

Código Javascript:

<input type=”text” id=”texto” />
<input type=”button” value=”Crear” onclick=”crear()” />
<ul id=”lista”></ul>
<script type=”text/javascript”>
function crear() {
      // Obtenemos el valor entrado en la caja de texto
      var valor = document.getElementById(“texto”).value;
      // Creamos un nuevo elemento LI
      var li = document.createElement(“LI”);
      // Añadimos el valor introducido al nuevo elemento
      li.innerHTML = valor;
      // Añadimos el elemento LI a la lista UL
      var ul = document.getElementById(“UL”);
      ul.appendChild(li);
      // Vaciamos la caja de texto
      document.getElementById(“texto”).value = “”;
}
</script>
 

como le incorpora para consultar a archivos php. por favor ayuda