<html>
<body>
<script language="javascript">
contador=0;
function agrandar(){
if (contador!=1){
var fondo=document.createElement('div');
fondo.setAttribute('id','fondo');
fondo.style.position="absolute";
fondo.style.filter="alpha(opacity=10)";
fondo.style.opacity="0.1";
fondo.style.width="100%";
fondo.style.backgroundColor="#000000";
fondo.style.height="100%";
fondo.style.display="none";
fondo.innerHTML="<div id=\"cargando\" style=\"position:absolute; left:30%; top:40%; color:#ffffff;\" onClick=\"sacarfondo()\">Cargando<img src=\"aaaa.png\"></div>";
document.body.appendChild(fondo);
fondo.style.display="";
valor=0.1;
porc=10;
contador=1;
}
fondo=document.getElementById("fondo");
if (valor!=0.8){
fondo.style.filter="alpha(opacity="+porc+")";
fondo.style.opacity=valor+0.1;
valor=valor+0.1;
porc=porc+10;
setTimeout("agrandar()",100)
}
}
sacarfondo(){
hijo=document.getElementById("cargando");
padre=hijo.parentNode;
padre.removeChild(hijo);
document.body.removeChild(padre);
}
</script><div onClick="agrandar();">Click acá</div>
</body></html>
Bueno paso a explicar: no sé mucho de ajax, pero estuve intentando hacer oscurecer la pantalla, lo logré con la primer función, pero como verán añadí otro para eliminar al div creado sobre el body (sacarfondo()). El problema es que si dejo la función "sacar fondo", el script deja de funcionar. otro problema es que el div se genera debajo de todo lo que se escriba en la etiqueta body, no sé si ocupa muchos recursos el script. necesito que me digan si es conveniente usar un script así y que me digan porqué falla la función sacarfondo, si es posible claro. saludos!