Div de "Carregando"

[ApocalipsX]

Boa tarde pessoal

Estou pensando em fazer uma página de login, ai quando o usuario fizesse o login ia ter uma div em ajax de Carregando e ia para a página administrativa, alguém me da uma idéia de como fazer?

Obrigado

[.Andreia.]

Voce pode dar uma olhada nos scripts prontos que tem em http://scriptbrasil.com.br/forum/index.php?showforum=65

a unica adaptação que você tem que fazer é verificar se o readyState for menor que 4, caso sim, então coloque a imagem nesse momento.

[ApocalipsX]

Olá, fiz algo em XMLHttpRequest e ficou assim:

<script language="javascript">
    var xmlhttp = getXmlHttpRequest();
    
    function getXmlHttpRequest() {
        if (window.XMLHttpRequest) {
            return new XMLHttpRequest();
        } else if (window.ActiveXObject) {
            return new ActiveXObject("Microsoft.XMLHTTP");
        }
    }

    function alteraURL(url){
        document.getElementById("carregando").innerHTML = "<img src='carregando.gif'>";
        xmlhttp.open("POST", url, true);
        xmlhttp.onreadystatechange = function(){
            if (xmlhttp.readyState==4){
                document.getElementById("urlContent").innerHTML = xmlhttp.responseText;
                document.getElementById("carregando").innerHTML = "";    
            }
        }    
        xmlhttp.send(null);
    }

</script>

Agora tenho a index.php e como eu faço pra quando eu clicar em contato.php de esse ajax de carregando? Seria como esse http://www.robertoborsatti.com.br/

Obrigado