X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2Fyopyop.js;h=c4b2af0a297adebdd526de8f85de12362c2f4d2b;hb=9bfb8ca12c473315b9c174e9b280c2ad0ed23a31;hp=7232cc91581f12fbcd234604bdd22f312950389b;hpb=6a3e9e285bd76141ce1475f3ecc0c3f220a5c968;p=pompage.git diff --git a/js/yopyop.js b/js/yopyop.js index 7232cc9..c4b2af0 100644 --- a/js/yopyop.js +++ b/js/yopyop.js @@ -1,11 +1,45 @@ -/** +/** * 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. + * Vire les espaces aux extremité d'une chaine. + * s [String] : une chaine + */ +function trim(s) +{ + return rtrim(ltrim(s)); +} + +/** + * Vire les espaces au début d'une chaine. + * s [String] : une chaine + */ +function ltrim(s) +{ + var l=0; + while(l < s.length && s[l] == ' ') + { l++; } + return s.substring(l, s.length); +} + +/** + * Vire les espaces à fin d'une chaine. + * s [String] : une chaine + */ +function rtrim(s) +{ + var r=s.length -1; + while(r > 0 && s[r] == ' ') + { r-=1; } + return s.substring(0, r+1); +} + +/** + * 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) { @@ -17,34 +51,134 @@ function detailFilm(id) detail.style.display = "table" } +// la date de la dernière recherche +var derniereRecherche = new Date(); +derniereRecherche.setMinutes(derniereRecherche.getMinutes() - 1); +var motifDerniereRecherche = "" + +var nbPending = 0 + +/** + * Permet de mettr en queue les requêtes. + */ +function doRecherchePending() +{ + nbPending -= 1; + if (nbPending == 0) // si c'est la dernière requête en attente on l'effectue + doRecherche(); +} /** - * 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() +function doRecherche(f) { + // le motif à chercher var motif = document.getElementById("recherche").value - var rechercheRegExp = new RegExp(".*" + motif + ".*", "i") + motif = trim(motif) + + if (f == null && motif == motifDerniereRecherche) return; + + // empèche de faire deux recherches successive en moins de 800ms + var now = new Date(); + if (now.getTime() < derniereRecherche.getTime() + 800) + { + // si une recherche à était demandé mais n'a pu aboutir alors on la refait dans certain temps + setTimeout("doRecherchePending()", 810 - (now.getTime() - derniereRecherche.getTime())); + nbPending += 1 + return; + } + + motifDerniereRecherche = motif; + derniereRecherche = now; + + //dump ("recherche : " + motif + "\r\n"); + debut = new Date().getTime() + var afficherTout = false; + // si aucun choix n'est fait pour la recherche on affiche tout + if (!document.getElementById("checkRechercheTitre").checked + && !document.getElementById("checkRechercheGenres").checked + && !document.getElementById("checkRechercheRealisateurs").checked + && !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é + + var rechercheRegExp = new RegExp(motif, "i") + var liste = document.getElementById("liste") var lignes = liste.childNodes - for(i = 1; i < lignes.length; i += 2) + for(var i = 0; i < lignes.length; i += 2) { - var titre = lignes[i].firstChild.innerHTML - if (rechercheRegExp.exec(titre) == null) + nbFilm++; + + var tableDetails = lignes[i+1].firstChild.firstChild.childNodes + + // si le film satisfait la recherche alors on l'affiche sinon ou le cache + if ( + afficherTout || + document.getElementById("checkRechercheTitre").checked && rechercheRegExp.test(lignes[i].childNodes[2].textContent) + || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.test(tableDetails[0].firstChild.nextSibling.textContent) + || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.test(tableDetails[1].firstChild.nextSibling.textContent) + || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.test(tableDetails[2].firstChild.nextSibling.textContent) + || document.getElementById("checkRecherchePays").checked && rechercheRegExp.test(tableDetails[3].firstChild.nextSibling.textContent)) { - lignes[i].style.display = "none" - lignes[i+1].firstChild.firstChild.style.display = "none" + lignes[i].style.display = "table-row" + lignes[i+1].style.display = "table-row" + nbFilmAffiche++; } else { - lignes[i].style.display = "table-row" + lignes[i].style.display = "none" + 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" : "") + + fin = new Date().getTime() + document.getElementById("tempsRecherche").textContent = "Temps de la recherche : " + (fin - debut) / 1000 + "s" } +/** + * 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 + document.getElementById("checkRechercheActeurs").checked = true + document.getElementById("checkRecherchePays").checked = true document.getElementById("recherche").value = "" doRecherche() +} + +/** + * 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) +{ + texte = trim(texte) + document.getElementById("checkRechercheTitre").checked = false + document.getElementById("checkRechercheGenres").checked = false + document.getElementById("checkRechercheRealisateurs").checked = false + document.getElementById("checkRechercheActeurs").checked = false + document.getElementById("checkRecherchePays").checked = false + document.getElementById("checkRecherche"+type).checked = true + document.getElementById("recherche").value = texte + doRecherche() } \ No newline at end of file