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
  58 var nbPending = 0
  59
  60 var dernierRandom = 0
  61
  62 /**
  63   * Permet de mettr en queue les requêtes.
  64   */
  65 function doRecherchePending(r)
  66 {
  67    nbPending -= 1;
  68    if (nbPending == 0) // si c'est la dernière requête en attente on l'effectue
  69       r == null ? doRecherche() : doRecherche(r);
  70 }
  71
  72 function doRecherchePendingRandom()
  73 {
  74    doRecherchePending(true)
  75 }
  76
  77 /**
  78   * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché
  79   * Recherche dans le titre, le realisateur, les acteurs, les genres et les pays en fonction des checkbox respectives.
  80   * r : si pas null alors n'affiche qu'un film au hasard dans la sélection
  81   */
  82 function doRecherche(r)
  83 {
  84    // le motif à chercher
  85    var motif = document.getElementById("recherche").value
  86    motif = trim(motif)
  87
  88    // empèche de faire deux recherches successive en moins de 800ms
  89    var now = new Date();
  90    if (now.getTime() - derniereRecherche.getTime() < 800)
  91    {
  92       nbPending += 1
  93       // si une recherche à était demandé mais n'a pu aboutir alors on la refait dans certain temps
  94       setTimeout(r == true ? "doRecherchePendingRandom()" : "doRecherchePending()", 900 - (now.getTime() - derniereRecherche.getTime()));
  95       return;
  96    }
  97
  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()
 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 = null
 204    for(var i = 0; i < lignes.length; i += 2)
 205    {
 206       var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
 207
 208       // si le film est affiché
 209       if (lignes[i].style.display == "table-row")
 210       {
 211          if (ouvrir == null)
 212             ouvrir = lignes[i+1].firstChild.firstChild.style.display == "none"
 213          lignes[i+1].firstChild.firstChild.style.display = ouvrir ? "table" : "none"
 214       }
 215    }
 216 }
 217
 218 /**
 219   * Choisi un film au hasard.
 220   */
 221 function tirerUnFilmAuHasard()
 222 {
 223    doRecherche(true);
 224 }
 225
 226 /**
 227   * Recherche d'un genre, pays, réalisateur, etc..
 228   * texte [String] : une chaine quelconque à rechercher
 229   * type [String] : dans quel champ porte la recherche. Valeurs possibles : 'Titre', 'Genres', 'Realisateurs', 'Acteurs', 'Pays'
 230   */
 231 function rechercheElement(texte, type)
 232 {
 233    texte = trim(texte)
 234    document.getElementById("checkRechercheTitre").checked = false
 235    document.getElementById("checkRechercheGenres").checked = false
 236    document.getElementById("checkRechercheRealisateurs").checked = false
 237    document.getElementById("checkRechercheActeurs").checked = false
 238    document.getElementById("checkRecherchePays").checked = false
 239    document.getElementById("checkRecherche"+type).checked = true
 240    document.getElementById("recherche").value = texte
 241    doRecherche()
 242 }