/**
 * Lister les départements d'une région avec un objet
 * XMLHTTPRequest.
 */
/* Création de la variable globale qui contiendra l'objet XHR */
var requete = null;
/**
 * Fonction privée qui va créer un objet XHR.
 * Cette fonction initialisera la valeur dans la variable globale définie
 * ci-dessus.
 */
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 ;) */
                requete = null;
            }
        }
    }
    if(requete == null)
    {
        alert('Impossible de créer l\'objet requête,\nVotre navigateur ne semble pas supporter les object XMLHttpRequest.');
    }
}
/**
 * Fonction privée qui va mettre à jour l'affichage de la page.
 */
function actualiser_span(le_span)
{
    var actSpan = requete.responseText;
    var blocSpan = document.getElementById(le_span);
    blocSpan.innerHTML = actSpan;
}

/**
 * Fonction publique appelée par la page affichée.
 * Cette fonction va initialiser la création de l'objet XHR puis appeler
 * le code serveur afin de récupérer les données à modifier dans la page.
 */
 
 //ne pas oublier de mettre le ID dans le lien pour le fichier php/asp.
 // ex : 'scripts/ajax_reservation.php?id=88'
function refresh_span(le_span, lien_fichier)
{    
	/* À cet endroit précis, on peut faire apparaître un message d'attente */
	var blocSpan = document.getElementById(le_span);
	blocSpan.innerHTML = "Traitement en cours, veuillez patienter...";
	/* On crée l'objet XHR */
	creerRequete();
	/* Définition du fichier de traitement */
	
	/* Envoi de la requête à la page de traitement */
	requete.open('GET', lien_fichier, 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 */

				actualiser_span(le_span);
			}
		}
	};
	requete.send(null);
}