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   * Callback appelé lorsque un film est clické.
   8   * Affiche ou cache les informations détaillés pour ce film.
   9   */
  10 function detailFilm(id)
  11 {
  12    var detail = document.getElementById("detail"+id)
  13
  14    if (detail.style.display == "table")
  15       detail.style.display = "none"
  16    else
  17       detail.style.display = "table"
  18 }
  19
  20
  21 /**
  22   * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché.
  23   */
  24 function doRecherche()
  25 {
  26    var motif = document.getElementById("recherche").value
  27    var rechercheRegExp = new RegExp(".*" + motif + ".*", "i")
  28
  29    var liste = document.getElementById("liste")
  30    var lignes = liste.childNodes
  31    for(i = 1; i < lignes.length; i += 2)
  32    {
  33       var titre = lignes[i].firstChild.innerHTML
  34       if (rechercheRegExp.exec(titre) == null)
  35       {
  36          lignes[i].style.display = "none"
  37          lignes[i+1].firstChild.firstChild.style.display = "none"
  38       }
  39       else
  40       {
  41          lignes[i].style.display = "table-row"
  42       }
  43    }
  44 }
  45
  46 function viderRecherche()
  47 {
  48    document.getElementById("recherche").value = ""
  49    doRecherche()
  50 }