Ayuda ->Actualizar solo parte de la pagina

MEIBA · #1 (**permalink**) 06/02/2009, 19:54

Hola

Tengo una gran consulta espero puedan ayudarme =)
estoy trabajando en una web y e usado frames para poder actualizar solo ua parte de una web.. lo cual me a funcionado a la perfeccion.. el problema esque no sale el codigo de la web!! y tengo dramas con unos .js
Mi consulta es si existe alguna forma de actualizar solo una perte de la pagina

e leido que con AJAX se puede, si es asi soy todo

Gracias :D

Adolfiten · #2 (**permalink**) 06/02/2009, 21:40

Sí, se puede. Con ajax lo que podés hacer es pedir datos al servidor y cargarlo con js en algún div o lo que sea que quieras que muestre los datos, todo sin tener que recargar toda la página.

Vas por buen camino, seguí investigando ajax, vale la pena.

ACÁ tenés videotutoriales básicos para aprender, espero que te sirva.

MEIBA · #3 (**permalink**) 07/02/2009, 13:27

Gracias men :D Encontre esto pero por alguna razon no funcionz

Cita:

<html>
<head>
<title>Ejemplo</title>
</head>
<script language="javascript" type="text/javascript">
var RequestObject = false;
var Archivo = 'ajax.php'; //directorio donde tenemos el archivo ajax.php
window.setInterval("actualizacion_reloj()", 10); // el tiempo X que tardará en actualizarse
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)
{
// obtener la respuesta
var msgs = RequestObject.responseText.split('|');
// Buscamos la div con id online
document.getElementById("online").innerHTML = msgs[0];
}
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 , true);
RequestObject.onreadystatechange = ReqChange;
// Enviamos
RequestObject.send(null);
}
function actualizacion_reloj() {
llamadaAjax();
}
</script>
<body onload="llamadaAjax();">
<h2>Usuarios Online </h2>
<div id="online"></div>
</body>
</html>

alguna ayudita porfavor?

XLogus · #4 (**permalink**) 10/02/2009, 10:48

Y siempre me pregunto porque hacerse la vida tan dificil usando ajx directamente, puedes hacerlo de forma mucho mas sencilla usando jquery y un plugin llamado jframe
http://garage.pimentech.net/scripts_doc_jquery_jframe/

MEIBA · #5 (**permalink**) 11/02/2009, 17:39

:O Gracias :D
Problema resuelto!
Gracias a todos :)