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 var dernierRandom = 0
  62
  63 /**
  64   * Permet de mettr en queue les requêtes.
  65   */
  66 function doRecherchePending()
  67 {
  68    nbPending -= 1;
  69    if (nbPending == 0) // si c'est la dernière requête en attente on l'effectue
  70       doRecherche();
  71 }
  72
  73 /**
  74   * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché
  75   * Recherche dans le titre, le realisateur, les acteurs, les genres et les pays en fonction des checkbox respectives.
  76   * f : si pas null alors la recherche est quand même effectué même si le moif est le même que la précédente recherche
  77   * r : si pas null alors n'affiche qu'un film au hasard dans la sélection
  78   */
  79 function doRecherche(f, r)
  80 {
  81    // le motif à chercher
  82    var motif = document.getElementById("recherche").value
  83    motif = trim(motif)
  84
  85    if (f == null && motif == motifDerniereRecherche) return;
  86
  87    // empèche de faire deux recherches successive en moins de 800ms
  88    var now = new Date();
  89    if (now.getTime() < derniereRecherche.getTime() + 800)
  90    {
  91       // si une recherche à était demandé mais n'a pu aboutir alors on la refait dans certain temps
  92       setTimeout("doRecherchePending()", 810 - (now.getTime() - derniereRecherche.getTime()));
  93       nbPending += 1
  94       return;
  95    }
  96
  97    motifDerniereRecherche = motif;
  98    derniereRecherche = now;
  99
 100    //dump ("recherche : " + motif + "\r\n");
 101    debut = new Date().getTime()
 102
 103    var afficherTout = false;
 104    // si aucun choix n'est fait pour la recherche on affiche tout
 105    if (!document.getElementById("checkRechercheTitre").checked
 106       && !document.getElementById("checkRechercheGenres").checked
 107       && !document.getElementById("checkRechercheRealisateurs").checked
 108       && !document.getElementById("checkRechercheActeurs").checked
 109       && !document.getElementById("checkRecherchePays").checked)
 110       afficherTout = true;
 111
 112    var liste = document.getElementById("liste")
 113    var lignes = liste.childNodes
 114
 115    var nbFilmAffiche = 0; // pour compter le nombre de film affiché
 116    var nbFilm = lignes.length / 2; // pour compter le nombre de film total
 117
 118    var rechercheRegExp = new RegExp(motif, "i")
 119
 120    for(var i = 0; i < lignes.length; i += 2)
 121    {
 122       var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
 123
 124       // si le film satisfait la recherche alors on l'affiche sinon on le cache
 125       if
 126       (
 127          afficherTout
 128          || document.getElementById("checkRechercheTitre").checked && rechercheRegExp.test(lignes[i].childNodes[2].textContent)
 129          || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.test(tableDetails[0].firstChild.nextSibling.nextSibling.textContent)
 130          || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.test(tableDetails[1].firstChild.nextSibling.textContent)
 131          || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.test(tableDetails[2].firstChild.nextSibling.textContent)
 132          || document.getElementById("checkRecherchePays").checked && rechercheRegExp.test(tableDetails[3].firstChild.nextSibling.textContent)
 133       )
 134       {
 135          lignes[i].style.display = "table-row"
 136          lignes[i+1].style.display = "table-row"
 137
 138          nbFilmAffiche++;
 139       }
 140       else
 141       {
 142          lignes[i].style.display = "none"
 143          lignes[i+1].style.display = "none"
 144       }
 145    }
 146
 147    if (r != null && nbFilmAffiche > 1)
 148    {
 149       var random
 150       do {
 151          random = Math.floor(Math.random() * nbFilmAffiche);
 152       } while (dernierRandom == random)
 153       dernierRandom = random
 154
 155       var j = 0
 156       for(var i = 0; i < lignes.length; i += 2)
 157       {
 158          if (lignes[i].style.display == "none") continue;
 159          if (random == j)
 160             lignes[i+1].firstChild.firstChild.style.display = "table"
 161          else
 162          {
 163             lignes[i].style.display = "none"
 164             lignes[i+1].style.display = "none"
 165          }
 166          j += 1
 167       }
 168    }
 169
 170    // mise à jour de l'affichage du nombre de film total/affiché
 171    document.getElementById("nbFilms").textContent = nbFilmAffiche + " / " + nbFilm + " film" + (nbFilm > 1 ? "s" : "")
 172
 173    fin = new Date().getTime()
 174    document.getElementById("tempsRecherche").textContent = "Temps de la recherche : " + (fin - debut) / 1000 + "s"
 175 }
 176
 177 /**
 178   * Initialise la recherche et referme tous les détails des films.
 179   */
 180 function viderRecherche()
 181 {
 182    var lignes = document.getElementById("liste").childNodes
 183    for(i = 1; i < lignes.length; i += 2)
 184    {
 185       lignes[i].firstChild.firstChild.style.display = "none";
 186    }
 187
 188    document.getElementById("checkRechercheTitre").checked = true
 189    document.getElementById("checkRechercheGenres").checked = true
 190    document.getElementById("checkRechercheRealisateurs").checked = true
 191    document.getElementById("checkRechercheActeurs").checked = true
 192    document.getElementById("checkRecherchePays").checked = true
 193    document.getElementById("recherche").value = ""
 194    doRecherche(true)
 195 }
 196
 197 /**
 198   * Ouvre toutes les fiches affichées ou les fermes si elles sont ouvertes.
 199   */
 200 function toutOuvrir()
 201 {
 202    var lignes = document.getElementById("liste").childNodes
 203    var ouvrir = true
 204    for(var i = 0; i < lignes.length; i += 2)
 205    {
 206       var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
 207
 208       if (lignes[i+1].style.display = "table-row")
 209       {
 210          if (i == 0 && lignes[i+1].firstChild.firstChild.style.display == "table")
 211              ouvrir = false
 212          lignes[i+1].firstChild.firstChild.style.display = ouvrir ? "table" : "none"
 213       }
 214    }
 215 }
 216
 217 /**
 218   * Choisi un film au hasard.
 219   */
 220 function tirerUnFilmAuHasard()
 221 {
 222    doRecherche(true, true);
 223 }
 224
 225 /**
 226   * Recherche d'un genre, pays, réalisateur, etc..
 227   * texte [String] : une chaine quelconque à rechercher
 228   * type [String] : dans quel champ porte la recherche. Valeurs possibles : 'Titre', 'Genres', 'Realisateurs', 'Acteurs', 'Pays'
 229   */
 230 function rechercheElement(texte, type)
 231 {
 232    texte = trim(texte)
 233    document.getElementById("checkRechercheTitre").checked = false
 234    document.getElementById("checkRechercheGenres").checked = false
 235    document.getElementById("checkRechercheRealisateurs").checked = false
 236    document.getElementById("checkRechercheActeurs").checked = false
 237    document.getElementById("checkRecherchePays").checked = false
 238    document.getElementById("checkRecherche"+type).checked = true
 239    document.getElementById("recherche").value = texte
 240    doRecherche()
 241 }