/*
Fonction qui crée un objet XHR.
Cette fonction initialisera la valeur dans la variable globale "requête"
*/
var requete = null; /* On crée une variable qui contiendra l'objet XHR */

function creerRequete() {
	try {
		requete = new XMLHttpRequest(); /* On essaye de créer un objet XmlHTTPRequest */
	} catch (microsoft) {
			/* Si cela ne marche pas, on a peut-être affaire à un navigateur de Microsoft. On tente alors de créer un objet ActiveX */
		try {
			requete = new ActiveXObject('Msxml2.XMLHTTP');
		} catch(autremicrosoft) {
				/* Autre méthode si la première n'a pas marché */
		try {
			requete = new ActiveXObject('Microsoft.XMLHTTP');
		} catch(echec) {
				/* Si aucune méthode ne fonctionne, on laisse l'objet vide*/
				requete = null;
			}
		}
	}
	if(requete == null) {
	alert('Votre navigateur ne semble pas supporter les object XMLHttpRequest.');
	}
}
function verifier() {
	/* On crée notre super objet XHR global */
	creerRequete();
	/* On construit à l'avance notre URL en passant les paramètre en GET. Le paramètre de notre formulaire est seulement le contenu du champ possédant l'identifiant 'mot'. */
	var url = 'autocompletion.php?mot='+document.getElementById('mot').value;
	/* On édite les propriété de l'objet : type de paramètre, url (avec paramètres) et une option autorisant une réponse du serveur */
	requete.open('GET', url, true);
	/* On initialise la fonction de renvoi d'information : Après vérification que la requête est valide on met à jour le contenu HTML de la balise possédant l'identifiant 'résultat' avec la réponse du serveur */
	requete.onreadystatechange = function() {
		if(requete.readyState == 4) {
			if(requete.status == 200) {
			document.getElementById('resultat').innerHTML = requete.responseText;
			}
		}
	};
	/* On envoi la requête XHR au serveur */
	requete.send(null);
}