ADD Images (img)

[pompage.git] / js / yopyop.js

diff --git a/js/yopyop.js b/js/yopyop.js
index abd3b0f..7232cc9 100644 (file)
--- a/js/yopyop.js
+++ b/js/yopyop.js
@@ -1,19 +1,50 @@
+/**\r
+  * Voir : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:Introduction#DOM_et_JavaScript\r
+  * et : http://developer.mozilla.org/fr/docs/R%C3%A9f%C3%A9rence_du_DOM_Gecko:element\r
+  */\r
+\r
 /**\r
   * Callback appelé lorsque un film est clické.\r
   * Affiche ou cache les informations détaillés pour ce film.\r
   */\r
 function detailFilm(id)\r
 {\r
-   var detail = document.getElementById(id)\r
+   var detail = document.getElementById("detail"+id)\r
    \r
-   if (detail.style.visibility == "visible")\r
-   {\r
-      detail.style.visibility = "hidden"\r
-      detail.style.position = "absolute"\r
-   }\r
+   if (detail.style.display == "table")\r
+      detail.style.display = "none"\r
    else\r
+      detail.style.display = "table"\r
+}\r
+\r
+\r
+/**\r
+  * Effectue une recherche, n'affiche que les films qui contiennent le motif recherché.\r
+  */\r
+function doRecherche()\r
+{\r
+   var motif = document.getElementById("recherche").value\r
+   var rechercheRegExp = new RegExp(".*" + motif + ".*", "i")\r
+\r
+   var liste = document.getElementById("liste")\r
+   var lignes = liste.childNodes\r
+   for(i = 1; i < lignes.length; i += 2)\r
    {\r
-      detail.style.visibility = "visible"\r
-      detail.style.position = "relative"   \r
+      var titre = lignes[i].firstChild.innerHTML\r
+      if (rechercheRegExp.exec(titre) == null)      \r
+      {\r
+         lignes[i].style.display = "none"\r
+         lignes[i+1].firstChild.firstChild.style.display = "none"\r
+      }\r
+      else\r
+      {\r
+         lignes[i].style.display = "table-row"   \r
+      }\r
    }\r
+}\r
+\r
+function viderRecherche()\r
+{\r
+   document.getElementById("recherche").value = ""\r
+   doRecherche()\r
 }
\ No newline at end of file