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   * Affiche les fichiers d'un film.
  41   */
  42 function afficherFichiers(id)
  43 {
  44    var listeFichiers = document.getElementById("listeFichiers"+id)
  45    listeFichiers.style.display = "block"
  46 }
  47
  48 function cacherFichiers(id)
  49 {
  50    var listeFichiers = document.getElementById("listeFichiers"+id)
  51    listeFichiers.style.display = "none"
  52 }
  53
  54 /**
  55   * Callback appelé lorsque un film est cliqué
  56   * Affiche ou cache les informations de détail pour ce film.
  57   * id [int] : l'identificateur du film
  58   */
  59 function detailFilm(id)
  60 {
  61    var detail = document.getElementById("detail"+id)
  62
  63    if (detail.style.display == "table")
  64       detail.style.display = "none"
  65    else
  66       detail.style.display = "table"
  67 }
  68
  69 // la date de la dernière recherche
  70 var derniereRecherche = new Date();
  71 derniereRecherche.setMinutes(derniereRecherche.getMinutes() - 1);
  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   */
  77 function doRecherche()
  78 {
  79    // empèche de faire deux recherches successive en moins de 500ms
  80    var now = new Date();
  81    if (now.getTime() < derniereRecherche.getTime()  + 500)
  82       return;
  83
  84    var afficherTout = false;
  85    // si aucun choix n'est fait pour la recherche on affiche tout
  86    if (!document.getElementById("checkRechercheTitre").checked
  87       && !document.getElementById("checkRechercheGenres").checked
  88       && !document.getElementById("checkRechercheRealisateurs").checked
  89       && !document.getElementById("checkRechercheActeurs").checked
  90       && !document.getElementById("checkRecherchePays").checked)
  91       afficherTout = true;
  92
  93    var nbFilm = 0; // pour compter le nombre de film total
  94    var nbFilmAffiche = 0; // pour compter le nombre de film affiché
  95
  96    // le motif à chercher
  97    var motif = document.getElementById("recherche").value
  98    var rechercheRegExp = new RegExp(".*" + motif + ".*", "i")
  99
 100    var liste = document.getElementById("liste")
 101    var lignes = liste.childNodes
 102    for(var i = 0; i < lignes.length; i += 2)
 103    {
 104       nbFilm++;
 105
 106       // extraction des informations du film courant
 107       var titre = lignes[i].firstChild.innerHTML
 108       var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
 109       var genres = tableDetails[0].firstChild.nextSibling.textContent
 110       var realisateurs = tableDetails[1].firstChild.nextSibling.textContent
 111       var acteurs = tableDetails[2].firstChild.nextSibling.textContent
 112       var pays = tableDetails[3].firstChild.nextSibling.textContent
 113
 114       // si le film satisfait la recherche alors on l'affiche sinon ou le cache
 115       if (
 116          afficherTout ||
 117          document.getElementById("checkRechercheTitre").checked && rechercheRegExp.exec(titre) != null
 118          || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.exec(genres) != null
 119          || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.exec(realisateurs) != null
 120          || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.exec(acteurs) != null
 121          || document.getElementById("checkRecherchePays").checked && rechercheRegExp.exec(pays) != null)
 122       {
 123          lignes[i].style.display = "table-row"
 124          lignes[i+1].style.display = "table-row"
 125          nbFilmAffiche++;
 126       }
 127       else
 128       {
 129          lignes[i].style.display = "none"
 130          lignes[i+1].style.display = "none"
 131       }
 132    }
 133
 134    // mise à jour de l'affichage du nombre de film total/affiché
 135    document.getElementById("nbFilms").textContent = nbFilmAffiche + " / " + nbFilm + " film" + (nbFilm > 1 ? "s" : "")
 136 }
 137
 138 /**
 139   * Initialise la recherche et referme tous les détails des films.
 140   */
 141 function viderRecherche()
 142 {
 143    var lignes = document.getElementById("liste").childNodes
 144    for(i = 1; i < lignes.length; i += 2)
 145    {
 146       lignes[i].firstChild.firstChild.style.display = "none";
 147    }
 148
 149    document.getElementById("checkRechercheTitre").checked = true
 150    document.getElementById("checkRechercheGenres").checked = true
 151    document.getElementById("checkRechercheRealisateurs").checked = true
 152    document.getElementById("checkRechercheActeurs").checked = true
 153    document.getElementById("checkRecherchePays").checked = true
 154    document.getElementById("recherche").value = ""
 155    doRecherche()
 156 }
 157
 158 /**
 159   * Recherche d'un genre, pays, réalisateur, etc..
 160   * texte [String] : une chaine quelconque à rechercher
 161   * type [String] : dans quel champ porte la recherche. Valeurs possibles : 'Titre', 'Genres', 'Realisateurs', 'Acteurs', 'Pays'
 162   */
 163 function rechercheElement(texte, type)
 164 {
 165    texte = trim(texte)
 166    document.getElementById("checkRechercheTitre").checked = false
 167    document.getElementById("checkRechercheGenres").checked = false
 168    document.getElementById("checkRechercheRealisateurs").checked = false
 169    document.getElementById("checkRechercheActeurs").checked = false
 170    document.getElementById("checkRecherchePays").checked = false
 171    document.getElementById("checkRecherche"+type).checked = true
 172    document.getElementById("recherche").value = texte
 173    doRecherche()
 174 }