*/\r
\r
/**\r
- * Callback appelé lorsque un film est clické.\r
+ * Vire les espaces aux extremités d'une chaine.\r
+ * s [String] : une chaine\r
+ */\r
+function trim(s)\r
+{\r
+ return rtrim(ltrim(s));\r
+}\r
+\r
+/**\r
+ * Vire les espaces au début d'une chaine.\r
+ * s [String] : une chaine\r
+ */\r
+function ltrim(s)\r
+{\r
+ var l=0;\r
+ while(l < s.length && s[l] == ' ')\r
+ { l++; }\r
+ return s.substring(l, s.length);\r
+}\r
+\r
+/**\r
+ * Vire les espaces à la fin d'une chaine.\r
+ * s [String] : une chaine\r
+ */\r
+function rtrim(s)\r
+{\r
+ var r=s.length -1;\r
+ while(r > 0 && s[r] == ' ')\r
+ { r-=1; }\r
+ return s.substring(0, r+1);\r
+}\r
+\r
+/**\r
+ * Callback appelé lorsque un film est cliqué.\r
* Affiche ou cache les informations détaillés pour ce film.\r
+ * id [int] : l'identificateur du film\r
*/\r
function detailFilm(id)\r
{\r
var detail = document.getElementById("detail"+id)\r
\r
- if (detail.style.visibility == "visible")\r
- {\r
- detail.style.visibility = "hidden"\r
- detail.style.position = "absolute"\r
- }\r
+ if (detail.style.display == "table")\r
+ detail.style.display = "none"\r
else\r
- {\r
- detail.style.visibility = "visible"\r
- detail.style.position = "relative" \r
- }\r
+ detail.style.display = "table"\r
}\r
\r
+\r
/**\r
* Effectue une recherche, n'affiche que les films qui contiennent le motif recherché.\r
+ * Recherche dans le titre, le realisateur, les acteurs, les genres et les pays en fonction des checkbox respectives.\r
*/\r
function doRecherche()\r
{\r
+ var afficherTout = false;\r
+ // si aucun choix n'est fait pour la recherche on affiche tout\r
+ if (!document.getElementById("checkRechercheTitre").checked \r
+ && !document.getElementById("checkRechercheGenres").checked\r
+ && !document.getElementById("checkRechercheRealisateurs").checked\r
+ && !document.getElementById("checkRechercheActeurs").checked\r
+ && !document.getElementById("checkRecherchePays").checked)\r
+ afficherTout = true;\r
+ \r
+ var nbFilm = 0; // pour compter le nombre de film total\r
+ var nbFilmAffiche = 0; // pour compter le nombre de film affiché\r
+ \r
+ // le motif à chercher\r
var motif = document.getElementById("recherche").value\r
-\r
+ var rechercheRegExp = new RegExp(".*" + motif + ".*", "i")\r
+ \r
var liste = document.getElementById("liste")\r
var lignes = liste.childNodes\r
- for(i = 0; i < lignes.length; i++)\r
+ for(i = 0; i < lignes.length; i += 2)\r
{\r
- var titre = lignes[i].getElements\r
+ nbFilm++;\r
\r
+ // extraction des informations du film courant\r
+ var titre = lignes[i].firstChild.innerHTML\r
+ var tableDetails = lignes[i+1].firstChild.firstChild.childNodes\r
+ var genres = tableDetails[0].firstChild.nextSibling.textContent\r
+ var realisateurs = tableDetails[1].firstChild.nextSibling.textContent\r
+ var acteurs = tableDetails[2].firstChild.nextSibling.textContent\r
+ var pays = tableDetails[3].firstChild.nextSibling.textContent\r
\r
- alert(tr[i].id)\r
+ // si le film satisfait la recherche alors on l'affiche sinon ou le cache\r
+ if (\r
+ afficherTout ||\r
+ document.getElementById("checkRechercheTitre").checked && rechercheRegExp.exec(titre) != null\r
+ || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.exec(genres) != null\r
+ || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.exec(realisateurs) != null\r
+ || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.exec(acteurs) != null\r
+ || document.getElementById("checkRecherchePays").checked && rechercheRegExp.exec(pays) != null) \r
+ {\r
+ lignes[i].style.display = "table-row" \r
+ lignes[i+1].style.display = "table-row" \r
+ nbFilmAffiche++;\r
+ }\r
+ else\r
+ {\r
+ lignes[i].style.display = "none"\r
+ lignes[i+1].style.display = "none"\r
+ }\r
}\r
+ \r
+ // mise à jour de l'affichage du nombre de film total/affiché\r
+ document.getElementById("nbFilms").textContent = nbFilmAffiche + " / " + nbFilm + " film" + (nbFilm > 1 ? "s" : "")\r
+}\r
+\r
+/**\r
+ * Initialise la recherche.\r
+ */\r
+function viderRecherche()\r
+{ \r
+ document.getElementById("checkRechercheTitre").checked = true\r
+ document.getElementById("checkRechercheGenres").checked = true\r
+ document.getElementById("checkRechercheRealisateurs").checked = true\r
+ document.getElementById("checkRechercheActeurs").checked = true\r
+ document.getElementById("checkRecherchePays").checked = true\r
+ document.getElementById("recherche").value = ""\r
+ doRecherche()\r
+}\r
+\r
+/**\r
+ * Recherche d'un genre, pays, réalisateur, etc..\r
+ * texte [String] : une chaine quelconque à rechercher\r
+ * type [String] : dans quel champ porte la recherche. Valeurs possibles : 'Titre', 'Genres', 'Realisateurs', 'Acteurs', 'Pays'\r
+ */ \r
+function rechercheElement(texte, type)\r
+{\r
+ texte = trim(texte)\r
+ document.getElementById("checkRechercheTitre").checked = false\r
+ document.getElementById("checkRechercheGenres").checked = false\r
+ document.getElementById("checkRechercheRealisateurs").checked = false\r
+ document.getElementById("checkRechercheActeurs").checked = false\r
+ document.getElementById("checkRecherchePays").checked = false\r
+ document.getElementById("checkRecherche"+type).checked = true\r
+ document.getElementById("recherche").value = texte\r
+ doRecherche()\r
}
\ No newline at end of file