js/yopyop.js

   1 /**
   2   * Voir : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:Introduction#DOM_et_JavaScript
   3   * et : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:element
   4   */
   5
   6 /**
   7   * Vire les espaces aux extremité d'une chaine.
   8   * s [String] : une chaine
   9   */
  10 function trim(s)
  11 {
  12         return rtrim(ltrim(s));
  13 }
  14
  15 /**
  16   * Vire les espaces au début d'une chaine.
  17   * s [String] : une chaine
  18   */
  19 function ltrim(s)
  20 {
  21         var l=0;
  22         while(l < s.length && s[l] == ' ')
  23         {       l++; }
  24         return s.substring(l, s.length);
  25 }
  26
  27 /**
  28   * Vire les espaces à fin d'une chaine.
  29   * s [String] : une chaine
  30   */
  31 function rtrim(s)
  32 {
  33         var r=s.length -1;
  34         while(r > 0 && s[r] == ' ')
  35         {       r-=1;   }
  36         return s.substring(0, r+1);
  37 }
  38
  39 /**
  40   * Callback appelé lorsque un film est cliqué
  41   * Affiche ou cache les informations de détail pour ce film.
  42   * id [int] : l'identificateur du film
  43   */
  44 function detailFilm(id)
  45 {
  46    var detail = document.getElementById("detail"+id)
  47
  48    if (detail.style.display == "table")
  49       detail.style.display = "none"
  50    else
  51       detail.style.display = "table"
  52 }
  53
  54 // la date de la dernière recherche
  55 var derniereRecherche = new Date();
  56 derniereRecherche.setMinutes(derniereRecherche.getMinutes() - 1);
  57 var motifDerniereRecherche = ""
  58
  59 var nbPending = 0
  60
  61 /**
  62   * Permet de mettr en queue les requêtes.
  63   */
  64 function doRecherchePending()
  65 {
  66    nbPending -= 1;
  67    if (nbPending == 0) // si c'est la dernière requête en attente on l'effectue
  68       doRecherche();
  69 }
  70
  71 /**
  72   * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché
  73   * Recherche dans le titre, le realisateur, les acteurs, les genres et les pays en fonction des checkbox respectives.
  74   */
  75 function doRecherche(f)
  76 {
  77    // le motif à chercher
  78    var motif = document.getElementById("recherche").value
  79    motif = trim(motif)
  80
  81    if (f == null && motif == motifDerniereRecherche) return;
  82
  83    // empèche de faire deux recherches successive en moins de 800ms
  84    var now = new Date();
  85    if (now.getTime() < derniereRecherche.getTime() + 800)
  86    {
  87       // si une recherche à était demandé mais n'a pu aboutir alors on la refait dans certain temps
  88       setTimeout("doRecherchePending()", 810 - (now.getTime() - derniereRecherche.getTime()));
  89       nbPending += 1
  90       return;
  91    }
  92
  93    motifDerniereRecherche = motif;
  94    derniereRecherche = now;
  95
  96    //dump ("recherche : " + motif + "\r\n");
  97    debut = new Date().getTime()
  98
  99    var afficherTout = false;
 100    // si aucun choix n'est fait pour la recherche on affiche tout
 101    if (!document.getElementById("checkRechercheTitre").checked
 102       && !document.getElementById("checkRechercheGenres").checked
 103       && !document.getElementById("checkRechercheRealisateurs").checked
 104       && !document.getElementById("checkRechercheActeurs").checked
 105       && !document.getElementById("checkRecherchePays").checked)
 106       afficherTout = true;
 107
 108    var nbFilm = 0; // pour compter le nombre de film total
 109    var nbFilmAffiche = 0; // pour compter le nombre de film affiché
 110
 111    var rechercheRegExp = new RegExp(motif, "i")
 112
 113    var liste = document.getElementById("liste")
 114    var lignes = liste.childNodes
 115    for(var i = 0; i < lignes.length; i += 2)
 116    {
 117       nbFilm++;
 118
 119       var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
 120
 121       // si le film satisfait la recherche alors on l'affiche sinon ou le cache
 122       if (
 123          afficherTout ||
 124          document.getElementById("checkRechercheTitre").checked && rechercheRegExp.test(lignes[i].childNodes[2].textContent)
 125          || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.test(tableDetails[0].firstChild.nextSibling.nextSibling.textContent)
 126          || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.test(tableDetails[1].firstChild.nextSibling.textContent)
 127          || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.test(tableDetails[2].firstChild.nextSibling.textContent)
 128          || document.getElementById("checkRecherchePays").checked && rechercheRegExp.test(tableDetails[3].firstChild.nextSibling.textContent))
 129       {
 130          lignes[i].style.display = "table-row"
 131          lignes[i+1].style.display = "table-row"
 132          nbFilmAffiche++;
 133       }
 134       else
 135       {
 136          lignes[i].style.display = "none"
 137          lignes[i+1].style.display = "none"
 138       }
 139    }
 140
 141    // mise à jour de l'affichage du nombre de film total/affiché
 142    document.getElementById("nbFilms").textContent = nbFilmAffiche + " / " + nbFilm + " film" + (nbFilm > 1 ? "s" : "")
 143
 144    fin = new Date().getTime()
 145    document.getElementById("tempsRecherche").textContent = "Temps de la recherche : " + (fin - debut) / 1000 + "s"
 146 }
 147
 148 /**
 149   * Initialise la recherche et referme tous les détails des films.
 150   */
 151 function viderRecherche()
 152 {
 153    var lignes = document.getElementById("liste").childNodes
 154    for(i = 1; i < lignes.length; i += 2)
 155    {
 156       lignes[i].firstChild.firstChild.style.display = "none";
 157    }
 158
 159    document.getElementById("checkRechercheTitre").checked = true
 160    document.getElementById("checkRechercheGenres").checked = true
 161    document.getElementById("checkRechercheRealisateurs").checked = true
 162    document.getElementById("checkRechercheActeurs").checked = true
 163    document.getElementById("checkRecherchePays").checked = true
 164    document.getElementById("recherche").value = ""
 165    doRecherche()
 166 }
 167
 168 /**
 169   * Recherche d'un genre, pays, réalisateur, etc..
 170   * texte [String] : une chaine quelconque à rechercher
 171   * type [String] : dans quel champ porte la recherche. Valeurs possibles : 'Titre', 'Genres', 'Realisateurs', 'Acteurs', 'Pays'
 172   */
 173 function rechercheElement(texte, type)
 174 {
 175    texte = trim(texte)
 176    document.getElementById("checkRechercheTitre").checked = false
 177    document.getElementById("checkRechercheGenres").checked = false
 178    document.getElementById("checkRechercheRealisateurs").checked = false
 179    document.getElementById("checkRechercheActeurs").checked = false
 180    document.getElementById("checkRecherchePays").checked = false
 181    document.getElementById("checkRecherche"+type).checked = true
 182    document.getElementById("recherche").value = texte
 183    doRecherche()
 184 }