var requete = null;

function creerRequete(){
    try{      /*  On tente de créer un objet XmlHTTPRequest */
        requete = new XMLHttpRequest();
    }
    catch (microsoft){   /* Microsoft utilisant une autre technique, on essays de créer un objet ActiveX */
        try{
            requete = new ActiveXObject('Msxml2.XMLHTTP');
        }
        catch(autremicrosoft){   /* La première méthode a échoué, on en teste une seconde */
            try{
                requete = new ActiveXObject('Microsoft.XMLHTTP');
            }
            catch(echec){                /* À ce stade, aucune méthode ne fonctionne... mettez donc votre navigateur à jour <img src="./images/smilies/icon_wink.gif" alt=";)" title="Wink" /> */
                requete = null;
            }
        }
    }
    if(requete == null){
        alert('Votre navigateur ne supporte pas les objets XMLHTTPRequest...');
    }
}



function actualiserPortees()
{
    var listeportees = requete.responseText;
    var blocListe = document.getElementById('liste_portees');
    blocListe.innerHTML = listeportees;
}


function getPortees(number)
{    if(number == '')
    {
        document.getElementById('liste_portees').innerHTML = '';
    }
    else
    {        /* À cet endroit précis, on peut faire apparaître un message d\'attente */
        var blocListe = document.getElementById('liste_portees');
        blocListe.innerHTML = "Traitement en cours, veuillez patienter...";
	        /* On crée l\'objet XHR */
        creerRequete();
        /* Définition du fichier de traitement */
        var url = 'http://www.thesarcecyans.com/portees.php?number='+number;
        /* Envoi de la requête à la page de traitement */
        requete.open('GET', url, true);
        /* On surveille le changement d'état de la requête qui va passer successivement de 1 à 4 */
        requete.onreadystatechange = function()
        {
            /* Lorsque l'état est à 4 */
            if(requete.readyState == 4)
            {
                /* Si on a un statut à 200 */
                if(requete.status == 200)
                {
                    /* Mise à jour de l'affichage, on appelle la fonction apropriée */
                    actualiserPortees();
                }
            }
        }

        requete.send(null);

    }

}