Carregando...

[Switch 0]

Pessoal, eu sei que tem tópicos ensinando isso, até conseguir fazer um usando DIV, mas o problema é o seguinte, eu já tenho um site todo pronto, só queria colocar esse "carregando..." nas paginas, para que tenha uma interface melhor, mas eu não to conseguindo, não tenho nem idéia de como trabalhar com ajax e aplicar.

 

O site é em php, se alguém puder me ajudar, fico grato ! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[efren 0]

tenta usar esse código como exemplo.

 

este script serve para instanciar o objeto XML. Lembrando que a variavel "http_request" é retornada, então deixe-a global para não precisar ficar chamando essa função toda hora.

 

<script language="JavaScript" type="text/javascript">

var http_request = false;

function criaXMLHTTP() {

try{

http_request = new XMLHttpRequest();

http_request.overrideMimeType('text/xml');

}catch(ee){

try{

http_request = new ActiveXObject("Msxml2.XMLHTTP");

}catch(e){

try{

http_request = new ActiveXObject("Microsoft.XMLHTTP");

}catch(er){

http_request = false;

}

}

}

}

</script>

 

 

 

 

essa outra função serve para fazer o carregamento, lembrando que, o que você quer esta em negrito e o nome da variavel é "htmlLoading".

 

 

 

function recuperaEnviaFormMailDevedor(mail,nome,mes)

{

var oHTTPRequest = http_request;

oHTTPRequest.open("post", "administracao/enviarMailDevedor.asp", true);

oHTTPRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

oHTTPRequest.onreadystatechange = function() {

var htmlLoading="";

 

htmlLoading+="<div id=\"dvLoading\" style=\"position:center; width:auto; height:auto; padding-top:100px; z-index:10; text-align:center; \">";

htmlLoading+=" <img border=\"0\" src=\"/_images/carregandoazul.gif\" />";

htmlLoading+="<br/>";

htmlLoading+="<label style=\"text-align:center; color:#0000CC;\">Carregando...</label>";

htmlLoading+="</div>";

if (oHTTPRequest.readyState == 1){

document.getElementById("divCorpo").style.display = 'none';

document.getElementById("divCarrega").innerHTML = htmlLoading;

document.getElementById("divCarrega").style.display = 'block';

}

if (oHTTPRequest.readyState == 4) {

if(oHTTPRequest.status == 200 || oHTTPRequest.status == 500 || oHTTPRequest.status == 302) {

document.getElementById("divCorpo").innerHTML = oHTTPRequest.responseText;

}else{

document.getElementById("divCorpo").innerHTML = 'falha';

}

document.getElementById("divCarrega").style.display = 'none';

document.getElementById("divCorpo").style.display = 'block';

}

}

 

oHTTPRequest.send("email="+mail+

"&nome="+nome+

"&mes="+mes);

}

</script>

 

 

espero ter ajudado e outra coisa, da próxima vez tente pesquisar no fórum, acho que este post tem aqui.... Um abraço.