Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/08/2013, 17:56
Sairox
 
Fecha de Ingreso: julio-2004
Mensajes: 323
Antigüedad: 20 años, 5 meses
Puntos: 1
Pregunta Mostrar tabla activa constantemente

Buenas tardes amigos, les escribo pq tengo un pequeño problema es el siguiente.... estoy intentando añadir a mi pagina una seccion de tablas en las cuales me muestre por medio de una consulta las que son distintas a 0.

esto ya lo logre haciendo una consulta a la abse de datos y extrayendo los datos que sean distintos a 0. el problema es que quiero que estos datos permanezcan fijos, mejor dicho activos, algo asi como una tabla que permanezca siempre activa de modo que si alguien hizo algun cambio, inmediatamente se muestre en mi apgina de consulta, sin necesidad de actualizar, estuve leyendo que lo puedo hacer con ajax y jquery, pero no tengo ni la mas minima ide ade como lograrlo con estas tecnologias.


logre hacer algo similar a lo que deseo por medio solo de javascript, pero no me gusta el resultado, por que el contenido se actualiza a determinado tiempo y deseo en lo posible que no se actualice, este es parte del codigo que utilize para que mas o menos tengan una idea.



Código:
<script language="javascript" type="text/javascript">
  var RequestObject = false;
   //directorio donde tenemos el archivo ajax.php
  var Archivo = 'aj45.php';

  // el tiempo X que tardará en actualizarse 
  window.setInterval("actualizacion_reloj()", 5000);

  if (window.XMLHttpRequest) RequestObject = new XMLHttpRequest();
  if (window.ActiveXObject) RequestObject = new ActiveXObject("Microsoft.XMLHTTP");

  function ReqChange() { 
  // Si se ha recibido la información correctamente
    if (RequestObject.readyState==4) {
     // si la información es válida 
     if (RequestObject.responseText.indexOf('invalid') == -1) {
     // Buscamos la div con id online 
       document.getElementById("online").innerHTML = RequestObject.responseText;
     } else { 
      // Por si hay algun error document.getElementById("online").innerHTML = "Error llamando"; 
     }
    } 
  }

  function llamadaAjax() {
        // Mensaje a mostrar mientras se obtiene la información remota...
    document.getElementById("online").innerHTML = ""; 
    // Preparamos la obtención de datos
    RequestObject.open("GET", Archivo+"?"+Math.random() , true);
    RequestObject.onreadystatechange = ReqChange; 
    // Enviamos
    RequestObject.send(null);
  }

  function actualizacion_reloj() {
   llamadaAjax();
 }
</script>