X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2Fyopyop.js;h=7232cc91581f12fbcd234604bdd22f312950389b;hb=6a3e9e285bd76141ce1475f3ecc0c3f220a5c968;hp=abd3b0f5aeb8dc105399c92a20cb828547e73ac7;hpb=432db4dbac80ae1025ad53db71b7ecbd0de0f053;p=pompage.git diff --git a/js/yopyop.js b/js/yopyop.js index abd3b0f..7232cc9 100644 --- a/js/yopyop.js +++ b/js/yopyop.js @@ -1,19 +1,50 @@ +/** + * Voir : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:Introduction#DOM_et_JavaScript + * et : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:element + */ + /** * Callback appelé lorsque un film est clické. * Affiche ou cache les informations détaillés pour ce film. */ function detailFilm(id) { - var detail = document.getElementById(id) + var detail = document.getElementById("detail"+id) - if (detail.style.visibility == "visible") - { - detail.style.visibility = "hidden" - detail.style.position = "absolute" - } + if (detail.style.display == "table") + detail.style.display = "none" else + detail.style.display = "table" +} + + +/** + * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché. + */ +function doRecherche() +{ + var motif = document.getElementById("recherche").value + var rechercheRegExp = new RegExp(".*" + motif + ".*", "i") + + var liste = document.getElementById("liste") + var lignes = liste.childNodes + for(i = 1; i < lignes.length; i += 2) { - detail.style.visibility = "visible" - detail.style.position = "relative" + var titre = lignes[i].firstChild.innerHTML + if (rechercheRegExp.exec(titre) == null) + { + lignes[i].style.display = "none" + lignes[i+1].firstChild.firstChild.style.display = "none" + } + else + { + lignes[i].style.display = "table-row" + } } +} + +function viderRecherche() +{ + document.getElementById("recherche").value = "" + doRecherche() } \ No newline at end of file