X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2Fyopyop.js;h=7ce234023b0fc09085321f5a7d3e3863e843e1b2;hb=339621e8669fbd4b09e2d0825f5521469503837b;hp=b1e09afa5790fd1f97cb4b1df80cf1da7a6b307f;hpb=44c2f215b80fe438522f2daaa0bd33f1a60c619f;p=pompage.git diff --git a/js/yopyop.js b/js/yopyop.js index b1e09af..7ce2340 100644 --- a/js/yopyop.js +++ b/js/yopyop.js @@ -37,7 +37,7 @@ function rtrim(s) } /** - * Callback appelé lorsque un film est cliqué + * Callback appelé lorsque un film est cliqué * Affiche ou cache les informations de détail pour ce film. * id [int] : l'identificateur du film */ @@ -51,13 +51,55 @@ function detailFilm(id) detail.style.display = "table" } +// la date de la dernière recherche +var derniereRecherche = new Date(); +derniereRecherche.setMinutes(derniereRecherche.getMinutes() - 1); + +var nbPending = 0 + +var dernierRandom = 0 + +/** + * Permet de mettr en queue les requêtes. + */ +function doRecherchePending(r) +{ + nbPending -= 1; + if (nbPending == 0) // si c'est la dernière requête en attente on l'effectue + r == null ? doRecherche() : doRecherche(r); +} + +function doRecherchePendingRandom() +{ + doRecherchePending(true) +} /** * 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 : si pas null alors n'affiche qu'un film au hasard dans la sélection */ -function doRecherche() -{ +function doRecherche(r) +{ + // le motif à chercher + var motif = document.getElementById("recherche").value + motif = trim(motif) + + // empèche de faire deux recherches successive en moins de 800ms + var now = new Date(); + if (now.getTime() - derniereRecherche.getTime() < 800) + { + nbPending += 1 + // si une recherche à était demandé mais n'a pu aboutir alors on la refait dans certain temps + setTimeout(r == true ? "doRecherchePendingRandom()" : "doRecherchePending()", 900 - (now.getTime() - derniereRecherche.getTime())); + return; + } + + 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 @@ -67,38 +109,32 @@ function doRecherche() && !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") - var liste = document.getElementById("liste") var lignes = liste.childNodes - for(i = 0; i < lignes.length; i += 2) - { - nbFilm++; + + var nbFilmAffiche = 0; // pour compter le nombre de film affiché + var nbFilm = lignes.length / 2; // pour compter le nombre de film total + + var rechercheRegExp = new RegExp(motif, "i") - // extraction des informations du film courant - var titre = lignes[i].firstChild.innerHTML + for(var i = 0; i < lignes.length; i += 2) + { 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 - || document.getElementById("checkRechercheGenres").checked && rechercheRegExp.exec(genres) != null - || document.getElementById("checkRechercheRealisateurs").checked && rechercheRegExp.exec(realisateurs) != null - || document.getElementById("checkRechercheActeurs").checked && rechercheRegExp.exec(acteurs) != null - || document.getElementById("checkRecherchePays").checked && rechercheRegExp.exec(pays) != null) + // si le film satisfait la recherche alors on l'affiche sinon on 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.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 = "table-row" lignes[i+1].style.display = "table-row" + nbFilmAffiche++; } else @@ -107,16 +143,48 @@ function doRecherche() lignes[i+1].style.display = "none" } } + + if (r != null && nbFilmAffiche > 1) + { + var random + do { + random = Math.floor(Math.random() * nbFilmAffiche); + } while (dernierRandom == random) + dernierRandom = random + + var j = 0 + for(var i = 0; i < lignes.length; i += 2) + { + if (lignes[i].style.display == "none") continue; + if (random == j) + lignes[i+1].firstChild.firstChild.style.display = "table" + else + { + lignes[i].style.display = "none" + lignes[i+1].style.display = "none" + } + j += 1 + } + } // 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. + * 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 @@ -126,6 +194,35 @@ function viderRecherche() doRecherche() } +/** + * Ouvre toutes les fiches affichées ou les fermes si elles sont ouvertes. + */ +function toutOuvrir() +{ + var lignes = document.getElementById("liste").childNodes + var ouvrir = null + for(var i = 0; i < lignes.length; i += 2) + { + var tableDetails = lignes[i+1].firstChild.firstChild.childNodes + + // si le film est affiché + if (lignes[i].style.display == "table-row") + { + if (ouvrir == null) + ouvrir = lignes[i+1].firstChild.firstChild.style.display == "none" + lignes[i+1].firstChild.firstChild.style.display = ouvrir ? "table" : "none" + } + } +} + +/** + * Choisi un film au hasard. + */ +function tirerUnFilmAuHasard() +{ + doRecherche(true); +} + /** * Recherche d'un genre, pays, réalisateur, etc.. * texte [String] : une chaine quelconque à rechercher