From 5994f8f0dab3e0f66bd8107536e9cbccd208be40 Mon Sep 17 00:00:00 2001 From: pifou Date: Wed, 13 Jun 2007 13:29:30 +0000 Subject: [PATCH] ADD Ajout d'option de recherche (acteur, genre, realisateur, pays). git-svn-id: svn://euphorik.ch/pompage@13 02bbb61a-6d21-0410-aba0-cb053bdfd66a --- css/yopyop.css | 48 ++++++++++++++++--------- js/yopyop.js | 95 ++++++++++++++++++++++++++++++++++++++++++++++---- xsl/yopyop.xsl | 40 ++++++++++++++++----- 3 files changed, 152 insertions(+), 31 deletions(-) diff --git a/css/yopyop.css b/css/yopyop.css index 6f9e440..122c0d8 100644 --- a/css/yopyop.css +++ b/css/yopyop.css @@ -68,39 +68,55 @@ div.entete img { div.entete h1 { float: left; - margin-top: 10px; + margin-top: 8px; } -div.pied { - position: fixed; - bottom: 0px; - height: 50px; - width: 90%; - background-image: url(../img/collines.png) -} - -div form { - float: right; +div.entete form { + float: right; padding-right: 10px; padding-top: 5px; + margin-right: 30px; } -div form input { +div.entete form input { font-size: 16pt; background-color: #B1F1A9; + margin: 0px; + padding: 0px; } -div form button { +div.entete form button { position: relative; - top: -5px; height: 25px; width: 25px; - margin: 2px; - background-color: #B1F1A9; border: 0px; + background-color: #B1F1A9; background-image: url(../img/clear.png); background-position: center; background-repeat: no-repeat; + vertical-align: top; +} + +div.entete form p { + color: black; + font-size: 7pt; + margin-top: 1px; +} + +div.entete form p label { + margin-right: 4px; +} + +div.entete form input[type='checkbox'] { + border:2px solid red; +} + +div.pied { + position: fixed; + bottom: 0px; + height: 50px; + width: 90%; + background-image: url(../img/collines.png) } div.contenu { diff --git a/js/yopyop.js b/js/yopyop.js index 7232cc9..67417bd 100644 --- a/js/yopyop.js +++ b/js/yopyop.js @@ -4,8 +4,42 @@ */ /** - * Callback appelé lorsque un film est clické. + * Vire les espaces aux extremités 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 à la 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 détaillés pour ce film. + * id [int] : l'identificateur du film */ function detailFilm(id) { @@ -20,31 +54,78 @@ function detailFilm(id) /** * 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() { + 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 motif = document.getElementById("recherche").value var rechercheRegExp = new RegExp(".*" + motif + ".*", "i") - + var liste = document.getElementById("liste") var lignes = liste.childNodes for(i = 1; i < lignes.length; i += 2) { var titre = lignes[i].firstChild.innerHTML - if (rechercheRegExp.exec(titre) == null) + 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 + 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) { - lignes[i].style.display = "none" - lignes[i+1].firstChild.firstChild.style.display = "none" + lignes[i].style.display = "table-row" } else { - lignes[i].style.display = "table-row" + lignes[i].style.display = "none" + lignes[i+1].firstChild.firstChild.style.display = "none" } } } +/** + * Initialise la recherche. + */ function viderRecherche() -{ +{ + 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 diff --git a/xsl/yopyop.xsl b/xsl/yopyop.xsl index 7e46785..11cc6c0 100644 --- a/xsl/yopyop.xsl +++ b/xsl/yopyop.xsl @@ -11,9 +11,18 @@

DivX - TV

-
- - + +

+ + +

+

+ + + + + +

@@ -39,11 +48,26 @@ - - - - - + + + + + + + + + + + + + + + + + + + +
Genres,
Réalisateurs,
Acteurs,
Pays,
Synopsis
Genres,
Réalisateurs,
Acteurs,
Pays,
Synopsis
-- 2.45.2