Problema al ejecuar la misma función varias veces.

[sck1983]

Buenos días, el problema es el siguiente, tengo una pantalla donde tengo 24 capas, y quiero hacer aparece la respuesta de cada una de las 24 correspondientes consultas dentro de sus respectivas cajas.

La idea es mostrar un diario en 2 columnas, cada columna tiene 12 capas (por horas del dia, desde las 8 de la mañana a las 20 de la tarde).

Mi código es el siguiente:

Código:

var READY_STATE_UNINITIALIZED=0;
var READY_STATE_LOADING=1;
var READY_STATE_LOADED=2;
var READY_STATE_INTERACTIVE=3;
var READY_STATE_COMPLETE=4;

var peticion_http = null;

function listado_actividad(dia,mes,ano,col,x,id_empleado) {

	caja="ch_agenda"+col+"_"+x;

	actividad();

	function actividad() {
		peticion_http = inicializa_xhr();
		peticion_http.onreadystatechange = muestraContenido_actividad;
		peticion_http.open("GET", "listado_actividad.php?dia="+dia+"&mes="+mes+"&ano="+ano+"&x="+x+"&id_empleado="+id_empleado, true);
		
		peticion_http.send(null);
				
	}
		
	function muestraContenido_actividad(){
		if(peticion_http.readyState == 1){
			document.getElementById(caja).innerHTML = "<img src=\"../images/cargando.gif\" />";
		}else{
			document.getElementById(caja).innerHTML = peticion_http.responseText;		
		}
	}	
	
}

Código:

	for(col=1; col<3; col ++){
		document.write("<td valign='top'>");
		for(x=8; x<21; x++){

			listado_actividad(dia,mes,ano,col,x,id_empleado);
			
		}
		
	}

Lo pasa es que solo imprime el resultado de la última consulta.

Pero si pongo un alert(); y parece que hace como un pause en la función, si va imprimiendo el resultado de cada consulta spl.

Gracias.

[bebo]

Lo que pasa es que cuando llamas a la función no guardas el contenido anterior.
Modifica la función muestraContenido_actividad así:

Código Javascript:

function muestraContenido_actividad(){
        if(peticion_http.readyState == 1){
            document.getElementById(caja).innerHTML = "<img src=\"../images/cargando.gif\" />";
        }else{
            document.getElementById(caja).innerHTML = contenido_anterior + peticion_http.responseText;      
                        contenido_anterior = document.getElementById(caja).innerHTML;
        }
    }
 

Y coloca ésta línea al principio del código:
var contenido_anterior="";
(No la coloques adentro de una función)