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>