function getXhr(){
  var xhr = null;
  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;
  }
  return xhr;
}

/**
* Méthode qui sera appelée sur le click du bouton
*/

function getPersosCategorie(idCategorie){
  var xhr = getXhr();
  // On défini ce qu'on va faire quand on aura la réponse
  xhr.onreadystatechange = function(){
    document.getElementById('corners').innerHTML = "Chargement des informations en cours";
    // 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){
      // On se sert de innerHTML pour rajouter les options a la liste
      document.getElementById('corners').innerHTML = xhr.responseText;
    }
  }

  // Ici on va voir comment faire du post
  xhr.open("POST","getPersosCategorie.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
  // ici, l'id de l'auteur
  xhr.send("cat="+idCategorie);
}

function getPersoDetails(idPersonnage){
  var xhr = getXhr();
  // On défini ce qu'on va faire quand on aura la réponse
  xhr.onreadystatechange = function(){
    document.getElementById('corners').innerHTML = "Chargement des informations en cours";
    // 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){
      // On se sert de innerHTML pour rajouter les options a la liste
      document.getElementById('corners').innerHTML = xhr.responseText;
    }
  }

  // Ici on va voir comment faire du post
  xhr.open("POST","getPersoDetails.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
  // ici, l'id de l'auteur
  xhr.send("id="+idPersonnage);
}

function getArticles(serie){
  var xhr = 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){
      // On se sert de innerHTML pour rajouter les options a la liste
      document.getElementById('detailseriecontenu').innerHTML = xhr.responseText;
      document.getElementById('detailarticlecontenu').innerHTML = "";
    }
  }

  // Ici on va voir comment faire du post
  xhr.open("POST","getArticles.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
  // ici, l'id de l'auteur
  xhr.send("idSerie="+serie);
}

function getArticle(article){
  var xhr = 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){
      // On se sert de innerHTML pour rajouter les options a la liste
      document.getElementById('detailarticlecontenu').innerHTML = xhr.responseText;
    }
  }

  // Ici on va voir comment faire du post
  xhr.open("POST","getArticle.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
  // ici, l'id de l'auteur
  xhr.send("idArticle="+article);
}