-/**\r
+/**\r
* Voir : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:Introduction#DOM_et_JavaScript\r
* et : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:element\r
*/\r
\r
/**\r
- * Vire les espaces aux extremités d'une chaine.\r
+ * Vire les espaces aux extremité d'une chaine.\r
* s [String] : une chaine\r
*/\r
function trim(s)\r
}\r
\r
/**\r
- * Vire les espaces au début d'une chaine.\r
+ * Vire les espaces au début d'une chaine.\r
* s [String] : une chaine\r
*/\r
function ltrim(s)\r
}\r
\r
/**\r
- * Vire les espaces à la fin d'une chaine.\r
+ * Vire les espaces à fin d'une chaine.\r
* s [String] : une chaine\r
*/\r
function rtrim(s)\r
}\r
\r
/**\r
- * Callback appelé lorsque un film est cliqué.\r
- * Affiche ou cache les informations détaillés pour ce film.\r
+ * Callback appelé lorsque un film est cliqué\r
+ * Affiche ou cache les informations de détail pour ce film.\r
* id [int] : l'identificateur du film\r
*/\r
function detailFilm(id)\r
detail.style.display = "table"\r
}\r
\r
+// la date de la dernière recherche\r
+var derniereRecherche = new Date();\r
+derniereRecherche.setMinutes(derniereRecherche.getMinutes() - 1);\r
+var motifDerniereRecherche = ""\r
+\r
+var nbPending = 0\r
+\r
+/**\r
+ * Permet de mettr en queue les requêtes.\r
+ */\r
+function doRecherchePending()\r
+{\r
+ nbPending -= 1;\r
+ if (nbPending == 0) // si c'est la dernière requête en attente on l'effectue\r
+ doRecherche();\r
+}\r
\r
/**\r
- * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché.\r
+ * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché
* Recherche dans le titre, le realisateur, les acteurs, les genres et les pays en fonction des checkbox respectives.\r
*/\r
-function doRecherche()\r
+function doRecherche(f)\r
{\r
+ // le motif à chercher\r
+ var motif = document.getElementById("recherche").value\r
+ motif = trim(motif)\r
+ \r
+ if (f == null && motif == motifDerniereRecherche) return;\r
+ \r
+ // empèche de faire deux recherches successive en moins de 800ms\r
+ var now = new Date();\r
+ if (now.getTime() < derniereRecherche.getTime() + 800)\r
+ {\r
+ // si une recherche à était demandé mais n'a pu aboutir alors on la refait dans certain temps\r
+ setTimeout("doRecherchePending()", 810 - (now.getTime() - derniereRecherche.getTime()));\r
+ nbPending += 1\r
+ return;\r
+ }\r
+ \r
+ motifDerniereRecherche = motif;\r
+ derniereRecherche = now;\r
+ \r
+ //dump ("recherche : " + motif + "\r\n");\r
+ debut = new Date().getTime()\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("checkRechercheActeurs").checked\r
&& !document.getElementById("checkRecherchePays").checked)\r
afficherTout = true;\r
-\r
- var motif = document.getElementById("recherche").value\r
- var rechercheRegExp = new RegExp(".*" + motif + ".*", "i")\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
+ 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 += 2)\r
+ for(var i = 0; i < lignes.length; i += 2)\r
{\r
- var titre = lignes[i].firstChild.innerHTML\r
+ nbFilm++;\r
+ \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
+ // 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
+ document.getElementById("checkRechercheTitre").checked && rechercheRegExp.test(lignes[i].childNodes[2].textContent) \r
+ || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.test(tableDetails[0].firstChild.nextSibling.textContent) \r
+ || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.test(tableDetails[1].firstChild.nextSibling.textContent)\r
+ || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.test(tableDetails[2].firstChild.nextSibling.textContent) \r
+ || document.getElementById("checkRecherchePays").checked && rechercheRegExp.test(tableDetails[3].firstChild.nextSibling.textContent)) \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+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
+ fin = new Date().getTime()\r
+ document.getElementById("tempsRecherche").textContent = "Temps de la recherche : " + (fin - debut) / 1000 + "s"\r
}\r
\r
/**\r
- * Initialise la recherche.\r
+ * Initialise la recherche et referme tous les détails des films.\r
*/\r
function viderRecherche()\r
-{ \r
+{ \r
+ var lignes = document.getElementById("liste").childNodes\r
+ for(i = 1; i < lignes.length; i += 2)\r
+ {\r
+ lignes[i].firstChild.firstChild.style.display = "none";\r
+ }\r
+ \r
document.getElementById("checkRechercheTitre").checked = true\r
document.getElementById("checkRechercheGenres").checked = true\r
document.getElementById("checkRechercheRealisateurs").checked = true\r
}\r
\r
/**\r
- * Recherche d'un genre, pays, réalisateur, etc..\r
- * texte [String] : une chaine quelconque à rechercher\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
projects / pompage.git / blobdiff