X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=js%2Fyopyop.js;h=67417bd6652e89d5289198cc5b25ed6a3fc01ae2;hb=5994f8f0dab3e0f66bd8107536e9cbccd208be40;hp=abd3b0f5aeb8dc105399c92a20cb828547e73ac7;hpb=432db4dbac80ae1025ad53db71b7ecbd0de0f053;p=pompage.git

diff --git a/js/yopyop.js b/js/yopyop.js
index abd3b0f..67417bd 100644
--- a/js/yopyop.js
+++ b/js/yopyop.js
@@ -1,19 +1,131 @@
 /**
-  * Callback appelé lorsque un film est clické.
+  * 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.
+  * 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)
 {
-   var detail = document.getElementById(id)
+   var detail = document.getElementById("detail"+id)
    
-   if (detail.style.visibility == "visible")
-   {
-      detail.style.visibility = "hidden"
-      detail.style.position = "absolute"
-   }
+   if (detail.style.display == "table")
+      detail.style.display = "none"
    else
+      detail.style.display = "table"
+}
+
+
+/**
+  * 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)
    {
-      detail.style.visibility = "visible"
-      detail.style.position = "relative"   
+      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
+      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 = "table-row"   
+      }
+      else
+      {
+         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