ADD Avancement sur l'affichage des fichiers

git-svn-id: svn://euphorik.ch/pompage@22 02bbb61a-6d21-0410-aba0-cb053bdfd66a

diff --git a/css/yopyop.css b/css/yopyop.css
index e2d589a..7c9997b 100644 (file)
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -139,6 +139,23 @@ table#liste {
    margin-top: 10px;   \r
 }\r
 \r
+table#liste .listeFichiers {\r
+       background-color: #2D5728;\r
+       color: #FFFFFF;\r
+       display: none;\r
+    left: 4px;\r
+    top: 8px;\r
+       z-index: 4;\r
+       position: absolute;\r
+       text-align: left;\r
+}\r
+\r
+table#liste .listeFichiers img {\r
+       position: absolute;\r
+    left: -9px;\r
+    top: -18px;\r
+}\r
+\r
 table#liste td {\r
    background-color: #7BC671;  \r
    color: #20531A;\r
@@ -204,7 +221,7 @@ table#liste td.fichier a {
    z-index: 1;\r
    background-image: url(../img/poire1.png)\r
 }\r
-\r
+/*\r
 table#liste td.fichier a:hover {\r
    width: 24px;\r
    height: 40px;   \r
@@ -212,7 +229,7 @@ table#liste td.fichier a:hover {
    top: -10px;\r
    z-index: 10;\r
    background-image: url(../img/poire2.png)\r
-}\r
+}*/\r
 \r
 table#liste td.titre:hover {\r
     background-color: #B1F1A9; \r

diff --git a/doc/todo.txt b/doc/todo.txt
index 637d3ed..dfd7099 100644 (file)
--- a/doc/todo.txt
+++ b/doc/todo.txt
@@ -11,4 +11,5 @@
 [ok] Si plusieurs réponses pour une recherche alors ne pas traiter le film, mémoriser son nom, fichier ainsi que les réponses possibles.\r
 * Demander à la fin du traitement à l'utilisateur quel résultat correspond pour chaque film\r
 * Parser les langues et sous-titres et les ajouter dans l'xml\r
-* Corriger les <br/> qui apparaissent dans les synopsis
\ No newline at end of file
+* Corriger les <br/> qui apparaissent dans les synopsis\r
+* Pomper les images (affichettes)
\ No newline at end of file

diff --git a/js/yopyop.js b/js/yopyop.js
index f9ad7f1..dae2cee 100644 (file)
--- a/js/yopyop.js
+++ b/js/yopyop.js
@@ -37,7 +37,22 @@ function rtrim(s)
 }\r
 \r
 /**\r
-  * Callback appelé lorsque un film est cliqué\r
+  * Affiche les fichiers d'un film.\r
+  */\r
+function afficherFichiers(id)\r
+{\r
+   var listeFichiers = document.getElementById("listeFichiers"+id)\r
+   listeFichiers.style.display = "block"\r
+}\r
+\r
+function cacherFichiers(id)\r
+{\r
+   var listeFichiers = document.getElementById("listeFichiers"+id)\r
+   listeFichiers.style.display = "none"\r
+}\r
+\r
+/**\r
+  * Callback appelé lorsque un film est cliqué\r
   * Affiche ou cache les informations de détail pour ce film.\r
   * id [int] : l'identificateur du film\r
   */\r

diff --git a/xsl/yopyop.xsl b/xsl/yopyop.xsl
index fc04fb2..d363e9c 100644 (file)
--- a/xsl/yopyop.xsl
+++ b/xsl/yopyop.xsl
@@ -33,7 +33,16 @@
        <xsl:sort select="annee" order="descending" />\r
        <xsl:sort select="titre" />
        <tr id="ligne{@id}">\r
-        <td class="fichier"><div><a href="divx:///"></a></div></td>\r
+        <td class="fichier">\r
+         <div>\r
+          <a onmouseover="afficherFichiers('{@id}')"></a>\r
+          <div class="listeFichiers" id="listeFichiers{@id}" onmouseout="cacherFichiers('{@id}')">\r
+           <!--img src="../img/poire2.png" /--><ul>\r
+           <xsl:for-each select="fichiers/fichier"><li><xsl:value-of select="."/></li></xsl:for-each>\r
+           </ul>\r
+          </div>\r
+         </div>\r
+        </td>\r
         <td class="lien"><div><a href="{url}"></a></div></td>
         <td onclick="detailFilm('{@id}')" class="titre" id="titre{@id}"><xsl:value-of select="titre"/></td>
         <td class="annee"><xsl:value-of select="annee"/></td>\r