MOD modification du css pour faire un truc qui ressemble à qque chose

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

diff --git a/css/yopyop.css b/css/yopyop.css
index 13c59a8..ca657f1 100644 (file)
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -2,7 +2,62 @@
     margin: 0;\r
     padding: 0;\r
     border-width: 0;\r
-    font: normal 11px Verdana, Helvetica, Arial, sans-serif;\r
-    color: #000;\r
-    background-color: #FFF;\r
-}
\ No newline at end of file
+    font: normal 12pt Arial, Verdana, Helvetica, sans-serif;\r
+    color: #000000;\r
+}\r
+\r
+h1 {\r
+       font-size: 20pt;\r
+       font-style: italic;     \r
+}\r
+\r
+th {\r
+       font-size: 13pt;\r
+       font-weight: bold;      \r
+}\r
+\r
+td {\r
+       vertical-align:top;\r
+}\r
+\r
+table#liste {\r
+       width: 100%;\r
+       border-spacing: 0px 0px;\r
+}\r
+\r
+table#liste th {\r
+    background-color: #9999DD; \r
+       padding: 3px;\r
+}\r
+\r
+table#liste td {\r
+    background-color: #BBBBEE; \r
+       padding: 3px;\r
+}\r
+\r
+table#liste td.titre:hover {\r
+    background-color: #CCCCFF; \r
+       padding: 3px;\r
+}\r
+\r
+table#liste td.detail {\r
+    background-color: #FFFFFF; \r
+       padding: 0px 0px 5px 5px;\r
+}\r
+\r
+table#liste table.detail {\r
+       visibility:hidden;\r
+       position:absolute;\r
+       border-spacing: 0px 0px;\r
+}\r
+\r
+table#liste table.detail td {\r
+       padding: 3px;   \r
+    background-color: #DDDDFF;\r
+}\r
+\r
+table#liste table.detail td.titreDetail {\r
+       font-weight: bold;\r
+}\r
+\r
+\r

diff --git a/js/yopyop.js b/js/yopyop.js
new file mode 100644 (file)
index 0000000..1125312
--- /dev/null
+++ b/js/yopyop.js
@@ -0,0 +1,19 @@
+/**\r
+  * Callback appelé lorsque un film est clické.\r
+  * Affiche ou cache les informations détaillés pour ce film.\r
+  */\r
+function detailFilm(poulpe)\r
+{\r
+   var detail = document.getElementById(poulpe)\r
+   \r
+   if (detail.style.visibility == "visible")\r
+   {\r
+      detail.style.visibility = "hidden"\r
+      detail.style.position = "absolute"\r
+   }\r
+   else\r
+   {\r
+      detail.style.visibility = "visible"\r
+      detail.style.position = "relative"   \r
+   }\r
+}
\ No newline at end of file

diff --git a/mise_en_prod.rb b/mise_en_prod.rb
new file mode 100644 (file)
index 0000000..8830586
--- /dev/null
+++ b/mise_en_prod.rb
@@ -0,0 +1,12 @@
+if $*.length < 1\r
+   puts 'Usage: mise_en_prod.rb destination'\r
+   exit 1\r
+end\r
+\r
+dest = $*[0]\r
+\r
+# pour windows\r
+['xml', 'xsl', 'js', 'css'].each{|rep|\r
+   `mkdir #{dest}\\#{rep}`\r
+   `xcopy /Y #{rep} #{dest}\\#{rep}`\r
+}
\ No newline at end of file

diff --git a/src/yopyop.rb b/src/yopyop.rb
index 949edd8..f9ddd91 100644 (file)
--- a/src/yopyop.rb
+++ b/src/yopyop.rb
@@ -10,7 +10,7 @@
 #  o ogm\r
 #  o mkv\r
 #  o rmvb\r
-# - Rechercher chaque film sur le site 'allocine.com' et en pomper un max d'infos\r
+# - Rechercher chaque film sur le site 'allocine.com' et 'imdb.com' et en pomper un max d'infos\r
 # - Etablir une petit base de données des films au format xml\r
 \r
 # non ce n'est pas du perl ;)\r

diff --git a/xml/test.xml b/xml/test.xml
index 3f23997..7f82184 100644 (file)
--- a/xml/test.xml
+++ b/xml/test.xml
@@ -1,7 +1,7 @@
 <?xml version='1.0' encoding='UTF-8'?>\r
 <?xml-stylesheet type="text/xsl" href="../xsl/yopyop.xsl"?>\r
 <filmographie>\r
-  <film>\r
+  <film id="1">\r
     <fichier>F:\Films\Aventure/Bienvenue dans la Jungle.avi</fichier>\r
     <titre>Bienvenue dans la jungle</titre>\r
     <annee>2002</annee>\r
@@ -27,7 +27,7 @@
     <budget unite='euro'></budget>\r
     <url>http://www.allocine.fr/film/fichefilm_gen_cfilm=46372.html</url>\r
   </film>\r
-  <film>\r
+  <film id="2">\r
     <fichier>F:\Films\Aventure/Troie [Divx5 Ogg] [Fr].ogm</fichier>\r
     <titre>Troie</titre>\r
     <annee>2004</annee>\r
@@ -53,7 +53,7 @@
     <budget unite='euro'></budget>\r
     <url>http://www.allocine.fr/film/fichefilm_gen_cfilm=47357.html</url>\r
   </film>\r
-  <film>\r
+  <film id="3">\r
     <fichier>F:\Films\Aventure/Zatoichi [Rv4 Ogg] [Fr Jap] [Fr Eng] [XCT].mkv</fichier>\r
     <titre>Zatoichi</titre>\r
     <annee>2003</annee>\r
@@ -79,7 +79,7 @@
     <budget unite='euro'></budget>\r
     <url>http://www.allocine.fr/film/fichefilm_gen_cfilm=50986.html</url>\r
   </film>\r
-  <film>\r
+  <film id="4">\r
     <fichier>F:\Films\Aventure/A la poursuite du diamant vert [Rv9 Aac] [Fr Eng] [Fr Eng] [XCT].mkv</fichier>\r
     <titre>A la poursuite du diamant vert</titre>\r
     <annee>1984</annee>\r
@@ -105,7 +105,7 @@
     <budget unite='euro'></budget>\r
     <url>http://www.allocine.fr/film/fichefilm_gen_cfilm=57.html</url>\r
   </film>\r
-  <film>\r
+  <film id="5">\r
     <fichier>F:\Films\Aventure/Benjamin Gates et le tresor des templiers [DVD-Screen].avi</fichier>\r
     <titre>Benjamin Gates et le trésor des Templiers</titre>\r
     <annee>2004</annee>\r

diff --git a/xsl/yopyop.xsl b/xsl/yopyop.xsl
index 2a137c9..3a4fbbf 100644 (file)
--- a/xsl/yopyop.xsl
+++ b/xsl/yopyop.xsl
@@ -1,35 +1,46 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="2.0">    
-    <xsl:template match="/">
-        <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
-            <head>
-                <title>
-                    yopYop
-                </title>\r
-            @import url(../ccs/yopyop.css);
-            </head>
-            <body>
-                <h1>Films</h1>
-                <table>
-                    <tr>
-                        <th>Titre</th>
-                        <th>Année</th>\r
-                        <th>Durée</th>\r
-                        <th>Lien</th>\r
-                        <th>Fichier</th>
-                    </tr>
-                    <xsl:for-each select="filmographie/film">
-                        <xsl:sort select="annee"/>
-                        <tr>
-                            <td><xsl:value-of select="titre"/></td>
-                            <td><xsl:value-of select="annee"/></td>\r
-                            <td><xsl:value-of select="duree"/> min</td>\r
-                            <td></td>\r
-                            <td><xsl:value-of select="fichier"/> </td>
-                        </tr>
-                    </xsl:for-each>
-                </table>
-            </body>
-        </html>
-    </xsl:template>
+<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="2.0">\r
+ <xsl:template match="/">
+  <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
+   <head>
+    <title>yopYop</title>\r
+    <link rel="stylesheet" href="../css/yopyop.css" type="text/css" />\r
+    <script type="text/javascript" src="../js/yopyop.js" ></script>
+    </head>
+    <body>
+    <h1>DivX</h1>
+    <table id="liste">
+     <tr>
+      <th>Titre</th>
+      <th>Année</th>\r
+      <th>Durée</th>\r
+      <th>Lien</th>\r
+      <th>Fichier</th>
+     </tr>\r
+     
+     <xsl:for-each select="filmographie/film">
+      <xsl:sort select="annee"/>
+      <tr>
+       <td onclick="detailFilm('{@id}')" class="titre"><xsl:value-of select="titre"/></td>
+       <td><xsl:value-of select="annee"/></td>\r
+       <td><xsl:value-of select="duree"/> min</td>\r
+       <td></td>\r
+       <td><xsl:value-of select="fichier"/> </td>
+      </tr>\r
+      <tr>\r
+       <td colspan="5" class="detail">\r
+        <table class="detail" id="{@id}">\r
+         <tr><td class="titreDetail">Genre(s)</td><td><xsl:for-each select="genres/genre"><xsl:value-of select="."/>, </xsl:for-each></td></tr>\r
+         <tr><td class="titreDetail">Réalisateur(s)</td><td><xsl:for-each select="realisateurs/realisateur"><xsl:value-of select="."/>, </xsl:for-each></td></tr>\r
+         <tr><td class="titreDetail">Acteurs(s)</td><td><xsl:for-each select="acteurs/acteur"><xsl:value-of select="."/>, </xsl:for-each></td></tr>\r
+         <tr><td class="titreDetail">Pays</td><td><xsl:for-each select="lespays/pays"><xsl:value-of select="."/>, </xsl:for-each></td></tr>\r
+         <tr><td class="titreDetail">Synopsis</td><td><xsl:value-of select="synopsis"/></td></tr>\r
+        </table>\r
+       </td>\r
+      </tr>
+     </xsl:for-each>
+    </table>
+   </body>
+  </html>
+ </xsl:template>
 </xsl:stylesheet>
\ No newline at end of file