From e4a433cf5e1b42635a8b11877d67a08dcf6bf3fe Mon Sep 17 00:00:00 2001
From: pifou <pifou@02bbb61a-6d21-0410-aba0-cb053bdfd66a>
Date: Fri, 15 Jun 2007 15:43:57 +0000
Subject: [PATCH] ADD Avancement sur l'affichage des fichiers

git-svn-id: svn://euphorik.ch/pompage@22 02bbb61a-6d21-0410-aba0-cb053bdfd66a
---
 css/yopyop.css | 21 +++++++++++++++++++--
 doc/todo.txt   |  3 ++-
 js/yopyop.js   | 17 ++++++++++++++++-
 xsl/yopyop.xsl | 11 ++++++++++-
 4 files changed, 47 insertions(+), 5 deletions(-)

diff --git a/css/yopyop.css b/css/yopyop.css
index e2d589a..7c9997b 100644
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -139,6 +139,23 @@ table#liste {
    margin-top: 10px;   
 }
 
+table#liste .listeFichiers {
+	background-color: #2D5728;
+	color: #FFFFFF;
+	display: none;
+    left: 4px;
+    top: 8px;
+	z-index: 4;
+	position: absolute;
+	text-align: left;
+}
+
+table#liste .listeFichiers img {
+	position: absolute;
+    left: -9px;
+    top: -18px;
+}
+
 table#liste td {
    background-color: #7BC671;	
    color: #20531A;
@@ -204,7 +221,7 @@ table#liste td.fichier a {
    z-index: 1;
    background-image: url(../img/poire1.png)
 }
-
+/*
 table#liste td.fichier a:hover {
    width: 24px;
    height: 40px;   
@@ -212,7 +229,7 @@ table#liste td.fichier a:hover {
    top: -10px;
    z-index: 10;
    background-image: url(../img/poire2.png)
-}
+}*/
 
 table#liste td.titre:hover {
     background-color: #B1F1A9;	
diff --git a/doc/todo.txt b/doc/todo.txt
index 637d3ed..dfd7099 100644
--- 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.
 * Demander à la fin du traitement à l'utilisateur quel résultat correspond pour chaque film
 * Parser les langues et sous-titres et les ajouter dans l'xml
-* Corriger les <br/> qui apparaissent dans les synopsis
\ No newline at end of file
+* Corriger les <br/> qui apparaissent dans les synopsis
+* Pomper les images (affichettes)
\ No newline at end of file
diff --git a/js/yopyop.js b/js/yopyop.js
index f9ad7f1..dae2cee 100644
--- a/js/yopyop.js
+++ b/js/yopyop.js
@@ -37,7 +37,22 @@ function rtrim(s)
 }
 
 /**
-  * Callback appelé lorsque un film est cliqué
+  * Affiche les fichiers d'un film.
+  */
+function afficherFichiers(id)
+{
+   var listeFichiers = document.getElementById("listeFichiers"+id)
+   listeFichiers.style.display = "block"
+}
+
+function cacherFichiers(id)
+{
+   var listeFichiers = document.getElementById("listeFichiers"+id)
+   listeFichiers.style.display = "none"
+}
+
+/**
+  * Callback appelé lorsque un film est cliqué
   * Affiche ou cache les informations de détail pour ce film.
   * id [int] : l'identificateur du film
   */
diff --git a/xsl/yopyop.xsl b/xsl/yopyop.xsl
index fc04fb2..d363e9c 100644
--- a/xsl/yopyop.xsl
+++ b/xsl/yopyop.xsl
@@ -33,7 +33,16 @@
        <xsl:sort select="annee" order="descending" />
        <xsl:sort select="titre" />
        <tr id="ligne{@id}">
-        <td class="fichier"><div><a href="divx:///"></a></div></td>
+        <td class="fichier">
+         <div>
+          <a onmouseover="afficherFichiers('{@id}')"></a>
+          <div class="listeFichiers" id="listeFichiers{@id}" onmouseout="cacherFichiers('{@id}')">
+           <!--img src="../img/poire2.png" /--><ul>
+           <xsl:for-each select="fichiers/fichier"><li><xsl:value-of select="."/></li></xsl:for-each>
+           </ul>
+          </div>
+         </div>
+        </td>
         <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>
-- 
2.43.0