Quando carregar uma página aparece gif loading

[Miro]

Estou usando uma função onclick="loadXMLDoc" que chama outra pagina que carrega na mesma.
Como faço para colocar dentro da função: function loadXMLDoc(url)

Aparecer aquela imagem em loading.gif, depois de carregar aparecer a página.

Função essa:
------------------------------------------------------------------------------------------------------------------------------------------------------------------
<script type="text/javascript">
var xmlhttp;
function loadXMLDoc(url)
{
var postcode = document.getElementById('postcode').value;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange=stateChange;
  xmlhttp.open("GET",url+"&postcode="+postcode,true);
  xmlhttp.send(null);
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  xmlhttp.onreadystatechange=stateChange;
  xmlhttp.open("GET",url+"&postcode="+postcode,true);
  xmlhttp.send();
  }
}

function enviaReq(url, tipo)
{
var postcode = document.getElementById('postcode').value;
var shipping = document.getElementById('shipping_'+tipo).value;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  xmlhttp.onreadystatechange=stateChange;
  xmlhttp.open("GET",url+"&postcode="+postcode+"&shipping="+shipping,true);
  xmlhttp.send(null);
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  xmlhttp.onreadystatechange=stateChange;
  xmlhttp.open("GET",url+"&postcode="+postcode+"&shipping="+shipping,true);
  xmlhttp.send();
  }
}

function stateChange()
{
if (xmlhttp.readyState==4)
  {
  if (xmlhttp.status==200)
    {
    // process whatever has been sent back here
    document.getElementById('test').innerHTML=xmlhttp.responseText;
    }
  else
    {
    alert("...");
    }
  }
}
</script>
-----------------------------------------------------------------------------------------------------------------------------------------------------
Botão esse:
<?php echo SHOPPING_CART_POST_CODE. ': <input type="text" name="postcode" id="postcode" />' . '   <button type="button" onclick="loadXMLDoc(\'' . tep_href_link("shipping_quote.php") . '\')">' . ESTIMATE_BUTTON . '</button>'  ?>

[Leandro Santos Lopes]

Te recomento colocar este código no  http://pastebin.com/ para melhor visualização do mesmo.

--
Você está recebendo esta mensagem porque se inscreveu no grupo "php-brasil" dos Grupos do Google.
Para postar neste grupo, envie um e-mail para php-b...@googlegroups.com.
Para cancelar a inscrição nesse grupo, envie um e-mail para php-brasil+...@googlegroups.com.
Para obter mais opções, visite esse grupo em http://groups.google.com/group/php-brasil?hl=pt-BR.

--
Leandro Santos Lopes
Técnico em Programação de Computadores (IFMA)

Twitter: @pbleandrolopes

Linux User: #\525575

Ubuntu User: #32498

[Hudson Martins]

Usando Jquery, fica bem fácil.... vc já tem as funções de callback.

Hudson Martins
PHP Developer
IT Specialist at IBM
Mediação Core