var xhr = null; 

function getXhr(){
	if(window.XMLHttpRequest) // Firefox et autres
	   xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
	   try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
	}
	else { // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhr = false; 
	} 
}

/* ---------------------------------------------------
- Méthode qui sera appelée sur le click du bouton ----
- ou tout autre évênement ----------------------------
--------------------------------------------------- */

// Recherche
function ajax_showpage(page){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			result = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('result_txt').innerHTML = result;
			document.getElementById('result_txt').style.display = '';
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","ajax_show.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	xhr.send("page="+page);
}

function ajax_showpage_2(page){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			result = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('result_txt_1').innerHTML = result;
			document.getElementById('result_txt_1').style.display = '';
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","ajax_show.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	xhr.send("page="+page);
}

function ajax_showpage_3(page){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			result = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('result_txt_2').innerHTML = result;
			document.getElementById('result_txt_2').style.display = '';
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","ajax_show.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	xhr.send("page="+page);
}