var xhr = null;

//Créons une fonction de création d'objet XMLHttRequest
function get_Xhr()
 {
  if(window.XMLHttpRequest)
   {
    xhr = new XMLHttpRequest();
   }
  else if(window.ActiveXObject)
   {
    try
     {
      xhr = new ActiveXObject("Msxml2.XMLHTTP");
     }
    catch(e)
     {
      try
       {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
       }
      catch(el)
       {
        xhr = null;
       }
     }
   }
  else
   {
    alert("XMLHTTPRequest is not supported by your browser\n Please update it");
   }
  return xhr;
 }

function ajaxlist()
//function ajaxlist(fam)
 {
  // Creation de l'objet XMLHttpRequest
  get_Xhr();
  xhr.onreadystatechange = function()
   {
    if(xhr.readyState == 4 && xhr.status == 200)
     {
      // Que fera AJAX si tout se passe bien, il va inserer dans le div "iris" le resultat de la page appellée
      document.getElementById('list').innerHTML = xhr.responseText;
     }
   }
   		var method   = "POST";
        var filename = "ajaxlist.php";
   		//var requete = "type=" + fam;
		var requete = "type1=" + document.getElementById("style").value + "&type2=" + document.getElementById("critere").value;
   // Nous allons interroger ajaxlist.php pour recuperer la reponse
   		xhr.open(method, filename, true);

        xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  // Nous envoyons à ajaxlist.php la valeur du radio
        xhr.send(requete);

 }