Ver Mensaje Individual
  #4 (permalink)  
Antiguo 07/06/2013, 10:24
elinformal
 
Fecha de Ingreso: junio-2013
Ubicación: Madrid
Mensajes: 5
Antigüedad: 10 años, 11 meses
Puntos: 0
Respuesta: Problema con AJAX

Te pongo como me ha quedado, sigue poniendo las cosas donde le da la gana :s


Ventana.php lo quiero meter dentro de div "ventana" y pet.php lo quiero meter en el div "pet".

Código:
Ajaxs = [{"url": "ventana.php", "ventana": "ventana"}, {"url": "pet.php", "ventana": "pet"}];

function continuar(){
	if(Ajaxs.length > 0){
		proceso = Ajaxs.shift();
		cargaXML(proceso.url, proceso.ventana);
	}
}

//	Vamos a presuponer que el usuario es una persona inteligente...
var isIE = false;

//	Creamos una variable para el objeto XMLHttpRequest
var req;

//	Creamos una funcion para cargar los datos en nuestro objeto.
//	Logicamente, antes tenemos que crear el objeto.
//	Vease que la sintaxis varia dependiendo de si usamos un navegador decente
//	o Internet Explorer
function cargaXML(url, div) {
	//	Primero vamos a ver si la URL es una URL :)
	if(url==''){
		return;
	}
	//	Usuario inteligente...
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
		req.onreadystatechange = processReqChange;
		req.onload = processReqChange;
		req.open("GET", url, true);
		req.send(null);
	//	...y usuario de Internet Explorer Windows
	} else if (window.ActiveXObject) {
		isIE = true;
		req = new ActiveXObject("Microsoft.XMLHTTP");
		if (req) {
			req.onreadystatechange = processReqChange;
			req.onload = processReqChange;
			req.open("GET", url, true);
			req.send();
		}
	}
}

//	Funcion que se llama cada vez que se dispara el evento onreadystatechange
//	del objeto XMLHttpRequest
function processReqChange(){
	var ventana = document.getElementById("ventana");

	
	if(req.readyState == 4){
		continuar();
		ventana.innerHTML = req.responseText;
// ESTA LINEA SIRVE PARA BAJAR EL SCROLL AUTOMATICAMENTE
		ventana.scroll
		Top = ventana.scrollHeight;
	}
}

Y lo llamo así desde el index.php

Código:
		<script src="ajax.js" language="JavaScript"></script>		
		<script type="text/javascript">
			docXML=cargaXML("pet.php", "pet");
			docXML=cargaXML("./chat/ventana.php", "ventana");
		</script>

		<script> setInterval('cargaXML("pet.php", "pet")', 3000); </script>
		<script> setInterval('cargaXML("./chat/ventana.php", "ventana")',3000);</script>

Ahora sale todo dentro del div ventana :s