7232cc91581f12fbcd234604bdd22f312950389b
[pompage.git] / 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 }