X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2Fyopyop.js;h=f9ad7f17471180c542f8a4f13847aa602340290b;hb=5b781bdc7d3807b098d20c9fdb5f1dd9385b6630;hp=9c46105d455157a8c83469952948b20c5e089571;hpb=5613a3fda1f8667227866cb1684b8a75efd2d069;p=pompage.git diff --git a/js/yopyop.js b/js/yopyop.js index 9c46105..f9ad7f1 100644 --- a/js/yopyop.js +++ b/js/yopyop.js @@ -1,10 +1,10 @@ -/** +/** * 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 */ /** - * Vire les espaces aux extremités d'une chaine. + * Vire les espaces aux extremité d'une chaine. * s [String] : une chaine */ function trim(s) @@ -13,7 +13,7 @@ function trim(s) } /** - * Vire les espaces au début d'une chaine. + * Vire les espaces au début d'une chaine. * s [String] : une chaine */ function ltrim(s) @@ -25,7 +25,7 @@ function ltrim(s) } /** - * Vire les espaces à la fin d'une chaine. + * Vire les espaces à fin d'une chaine. * s [String] : une chaine */ function rtrim(s) @@ -37,8 +37,8 @@ function rtrim(s) } /** - * Callback appelé lorsque un film est cliqué. - * Affiche ou cache les informations détaillés pour ce film. + * Callback appelé lorsque un film est cliqué + * Affiche ou cache les informations de détail pour ce film. * id [int] : l'identificateur du film */ function detailFilm(id) @@ -53,7 +53,7 @@ function detailFilm(id) /** - * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché. + * 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. */ function doRecherche() @@ -66,7 +66,11 @@ function doRecherche() && !document.getElementById("checkRechercheActeurs").checked && !document.getElementById("checkRecherchePays").checked) afficherTout = true; - + + var nbFilm = 0; // pour compter le nombre de film total + var nbFilmAffiche = 0; // pour compter le nombre de film affiché + + // le motif à chercher var motif = document.getElementById("recherche").value var rechercheRegExp = new RegExp(".*" + motif + ".*", "i") @@ -74,12 +78,17 @@ function doRecherche() var lignes = liste.childNodes for(i = 0; i < lignes.length; i += 2) { + nbFilm++; + + // extraction des informations du film courant var titre = lignes[i].firstChild.innerHTML var tableDetails = lignes[i+1].firstChild.firstChild.childNodes var genres = tableDetails[0].firstChild.nextSibling.textContent var realisateurs = tableDetails[1].firstChild.nextSibling.textContent var acteurs = tableDetails[2].firstChild.nextSibling.textContent var pays = tableDetails[3].firstChild.nextSibling.textContent + + // si le film satisfait la recherche alors on l'affiche sinon ou le cache if ( afficherTout || document.getElementById("checkRechercheTitre").checked && rechercheRegExp.exec(titre) != null @@ -90,6 +99,7 @@ function doRecherche() { lignes[i].style.display = "table-row" lignes[i+1].style.display = "table-row" + nbFilmAffiche++; } else { @@ -97,13 +107,22 @@ function doRecherche() lignes[i+1].style.display = "none" } } + + // mise à jour de l'affichage du nombre de film total/affiché + document.getElementById("nbFilms").textContent = nbFilmAffiche + " / " + nbFilm + " film" + (nbFilm > 1 ? "s" : "") } /** - * Initialise la recherche. + * Initialise la recherche et referme tous les détails des films. */ function viderRecherche() -{ +{ + var lignes = document.getElementById("liste").childNodes + for(i = 1; i < lignes.length; i += 2) + { + lignes[i].firstChild.firstChild.style.display = "none"; + } + document.getElementById("checkRechercheTitre").checked = true document.getElementById("checkRechercheGenres").checked = true document.getElementById("checkRechercheRealisateurs").checked = true @@ -114,8 +133,8 @@ function viderRecherche() } /** - * Recherche d'un genre, pays, réalisateur, etc.. - * texte [String] : une chaine quelconque à rechercher + * Recherche d'un genre, pays, réalisateur, etc.. + * texte [String] : une chaine quelconque à rechercher * type [String] : dans quel champ porte la recherche. Valeurs possibles : 'Titre', 'Genres', 'Realisateurs', 'Acteurs', 'Pays' */ function rechercheElement(texte, type)