Mostrar tabla activa constantemente

[Sairox]

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>

[lubtufano]

El código que usas es precisamente ajax, en cuanto a jquery se trata de un framework de javascript, es decir que el funcionamiento será el mismo. Sobre el problema que planteas, si entendí bien, lo que no te agrada es que el datos en el div desaparescan y reaparescan cada vez que se ejecuta la función llamadaAjax, cada 5 segundos en este caso, para evitar esto prueba eliminar o comentar de la función llamadaAjax() la linea:

document.getElementById("online").innerHTML = "";

Espero que esto te sea de ayuda, un saludo.

[omarinfinito]

yo hago esto para mantener mi chat online:
Crea una pagina aparte "consultas.php" (esta tendra las consultas)
Y pon este codigo

Código Javascript:

<script>
// Creaci�n del objeto XMLHttpRequest.
function nuevoAjax(){
 
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
 
// Funci�n para cargar los contenidos de forma as�ncrona.
// + pagina: fichero cuyo contenido queremos cargar.
// + identidicador del elemento en el que se cargar� el nuevo contenido.
function cargarContenido(){
var contenedor;
var ajax;
 
contenedor = document.getElementById('consultas');
ajax = nuevoAjax();
ajax.open("GET", 'consultas.php', true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
contenedor.innerHTML = ajax.responseText;
}
}
ajax.send(null);
}
setInterval('cargarContenido()',1000);
</script>
 

y crea el div con id "consultas"

Código HTML:

<div id="consultas">
<?php
 include "consultas.php";
?>
</div>
 

[Sairox]

Iniciado por lubtufano

El código que usas es precisamente ajax, en cuanto a jquery se trata de un framework de javascript, es decir que el funcionamiento será el mismo. Sobre el problema que planteas, si entendí bien, lo que no te agrada es que el datos en el div desaparescan y reaparescan cada vez que se ejecuta la función llamadaAjax, cada 5 segundos en este caso, para evitar esto prueba eliminar o comentar de la función llamadaAjax() la linea:

document.getElementById("online").innerHTML = "";

Espero que esto te sea de ayuda, un saludo.

Ok amigo, acabo de probar con tu sugerencia, pero no funciona amigo, gracias igualmente jeje..

[Sairox]

Iniciado por omarinfinito

yo hago esto para mantener mi chat online:
Crea una pagina aparte "consultas.php" (esta tendra las consultas)
Y pon este codigo

Código Javascript:

<script>
// Creaci�n del objeto XMLHttpRequest.
function nuevoAjax(){
 
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;
}
 
// Funci�n para cargar los contenidos de forma as�ncrona.
// + pagina: fichero cuyo contenido queremos cargar.
// + identidicador del elemento en el que se cargar� el nuevo contenido.
function cargarContenido(){
var contenedor;
var ajax;
 
contenedor = document.getElementById('consultas');
ajax = nuevoAjax();
ajax.open("GET", 'consultas.php', true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
contenedor.innerHTML = ajax.responseText;
}
}
ajax.send(null);
}
setInterval('cargarContenido()',1000);
</script>
 

y crea el div con id "consultas"

Código HTML:

<div id="consultas">
<?php
 include "consultas.php";
?>
</div>
 

Hola amigo, muchas gracias por el aporte, pero tampoco me funciono hace exactamente lo mismo que el codigo que estoy utilizando :(