Imagen Cargando.. como hacer aparecer y desaparecer...?

[GatorV]

Lo que debes de hacer es crear un <div> oculto donde pongas el gif animado que diga cargando, luego en tu función OpenPage, muestras el div, y en tu función manejador2, cuando ya recibes los datos (status 200), ocultas el div.

Para mostrar el div puedes usar:

Código:

function toggle(what) {
        var aobj = document.getElementById(what);
        if( aobj.style.display == 'none' ) {
               aobj.style.display = '';
        } else {
               aobj.style.display = 'none';
        }
}

Con eso ya podrias hacer algo así:

Código:

// suponiendo que tu div se llama loading
function OpenPage(url){
	req=CrearXMLHttp();
	if(req){
		req.onreadystatechange = manejador2;
		req.open("POST",url,true);
		req.send(null);
                toggle('loading'); // ojo aqui
	}
}
function manejador2(){
	if(req.readyState == 4){
		if(req.status == 200){
                        toggle('loading'); // ojo aca
			document.getElementById("tdc").innerHTML=req.responseText;
		}else{
			alert("Error"+req.statusText)
		}
	}
}

Saludos.