Jump to content
Fórum Script Brasil
  • 0

[resolvido] Ajuda Com "carregando"


doulo4ever
 Share

Question

Olá, por favor, me ajudem com um probleminha no carregamento deste código....

function calculoFrete()
{
    
    var cepOrigem     = document.getElementById("cepOrigem").value;
    var cepDestino    = document.getElementById("cepDestino").value;
    var pesoKg    = document.getElementById("pesoKg").value;
    var maoPropria    = document.getElementById("maoPropria").value;
    var valorDeclarado    = document.getElementById("valorDeclarado").value;
    var avisarRecebimento    = document.getElementById("avisarRecebimento").value;

    ajax1.open("POST", "carrinho_frete.php", true);
    
    ajax1.onreadystatechange = function(){
    if(ajax1.readyState == 4 ) {
    if(ajax1.status == 200) {
    document.getElementById("resultadodiv").innerHTML = ajax1.responseText;
    } else {
    document.getElementById("resultadodiv").innerHTML = "Erro";
    }
    }
    }
    
    ajax1.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    ajax1.send("cepOrigem="+cepOrigem+"&cepDestino="+cepDestino+"&pesoKg="+pesoKg+"&maoPropria="+maoPropria+"&valorDeclarado="+valorDeclarado+"&avisarRecebimento="+avisarRecebimento);

}
Este código acima funciona perfeitamente. O Problema é que eu to querendo colocar a mensagem de carregando enquanto não retorna o resultado, estou modificando aqui:
function calculoFrete()
{
    
    var cepOrigem     = document.getElementById("cepOrigem").value;
    var cepDestino    = document.getElementById("cepDestino").value;
    var pesoKg    = document.getElementById("pesoKg").value;
    var maoPropria    = document.getElementById("maoPropria").value;
    var valorDeclarado    = document.getElementById("valorDeclarado").value;
    var avisarRecebimento    = document.getElementById("avisarRecebimento").value;

    ajax1.open("POST", "carrinho_frete.php", true);
    
    ajax1.onreadystatechange = function(){
    if(ajax1.readyState == 1) {
    document.getElementById("resultadodiv").innerHTML = "Carregando";
    }
    if(ajax1.readyState == 4 ) {
    if(ajax1.status == 200) {
    document.getElementById("resultadodiv").innerHTML = ajax1.responseText;
    } else {
    document.getElementById("resultadodiv").innerHTML = "Erro";
    }
    }
    }
    
    ajax1.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    ajax1.send("cepOrigem="+cepOrigem+"&cepDestino="+cepDestino+"&pesoKg="+pesoKg+"&maoPropria="+maoPropria+"&valorDeclarado="+valorDeclarado+"&avisarRecebimento="+avisarRecebimento);

}

A única coisa que estou incluindo é:

if(ajax1.readyState == 1) {

document.getElementById("resultadodiv").innerHTML = "Carregando";

}

Mas daí aparece um erro:

Erro: 'document.getElementById(...)' é nulo ou não é um objeto.

Por favor, me ajudem com isso!

Obrigado,

Paulo

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

tenta assim:

ajax1.onreadystatechange = function() {
            //Mudei aqui...............
    document.getElementById("resultadodiv").innerHTML = "Carregando";

            if (ajax1.readyState == 4 ) {
        if(ajax1.status == 200) {
            document.getElementById("resultadodiv").innerHTML = ajax1.responseText;
        } else {
            document.getElementById("resultadodiv").innerHTML = "Erro";
        }
                        //Mudei aqui............
        document.getElementById("resultadodiv").style.display = "";
    }
}

Se ainda aparecer a mensagem de erro, tenha certeza de que a DIV "resultadodiv" foi criada antes da execução do script.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.2k
    • Total Posts
      647.5k
×
×
  • Create New...