ADD Des pommes !

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

diff --git a/css/yopyop.css b/css/yopyop.css
index efb5076..94ce67e 100644 (file)
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -55,6 +55,7 @@ div.entete {
    height: 50px;\r
    color: #8DDD83;\r
    -moz-border-radius: 0px 0px 20px 20px;\r
+   min-width: 650px;\r
 }\r
 \r
 div.entete img {\r
@@ -64,10 +65,18 @@ div.entete img {
 }\r
 \r
 div.entete h1 {\r
-       float: left;     \r
+   float: left;     \r
    margin-top: 8px;\r
 }\r
 \r
+div.entete div#nbFilms {\r
+   position: absolute;\r
+   left: 280px;\r
+   top: 33px;\r
+   font-size: 9pt;\r
+   color: black;\r
+}\r
+\r
 div.entete form {\r
    float: right;\r
    padding-right: 10px;\r
@@ -118,6 +127,7 @@ div.pied {
 \r
 div.contenu {\r
    padding-top: 50px;\r
+   min-width: 650px;\r
 }\r
 \r
 table#liste {\r
@@ -150,12 +160,34 @@ table#liste td.duree {
 \r
 table#liste td.lien {\r
        text-align: center;\r
-       width: 50px;\r
+       width: 15px;\r
+}\r
+\r
+table#liste td.lien div {\r
+   position: absolute;\r
+}\r
+\r
+table#liste td.lien a {\r
+   position: absolute;\r
+   width: 15px;\r
+   height: 19px;\r
+   display: block;\r
+   z-index: 1;\r
+   background-image: url(../img/pomme1.png)\r
+}\r
+\r
+table#liste td.lien a:hover {\r
+   width: 30px;\r
+   height: 38px;   \r
+   left: -7px;\r
+   top: -9px;\r
+   z-index: 10;\r
+   background-image: url(../img/pomme2.png)\r
 }\r
 \r
 table#liste td.fichier {\r
        text-align: center;\r
-       width: 50px;\r
+       width: 12px;\r
 }\r
 \r
 table#liste td.fichier div {\r

diff --git a/img/pomme1.png b/img/pomme1.png
new file mode 100644 (file)
index 0000000..e5c7549
Binary files /dev/null and b/img/pomme1.png differ

diff --git a/img/pomme2.png b/img/pomme2.png
new file mode 100644 (file)
index 0000000..7397004
Binary files /dev/null and b/img/pomme2.png differ

diff --git a/js/yopyop.js b/js/yopyop.js
index 9c46105..38a761f 100644 (file)
--- a/js/yopyop.js
+++ b/js/yopyop.js
@@ -66,7 +66,11 @@ function doRecherche()
       && !document.getElementById("checkRechercheActeurs").checked\r
       && !document.getElementById("checkRecherchePays").checked)\r
       afficherTout = true;\r
-\r
+      \r
+   var nbFilm = 0; // pour compter le nombre de film total\r
+   var nbFilmAffiche = 0; // pour compter le nombre de film affiché\r
+      \r
+   // le motif à chercher\r
    var motif = document.getElementById("recherche").value\r
    var rechercheRegExp = new RegExp(".*" + motif + ".*", "i")\r
    \r
@@ -74,12 +78,17 @@ function doRecherche()
    var lignes = liste.childNodes\r
    for(i = 0; i < lignes.length; i += 2)\r
    {\r
+      nbFilm++;\r
+      \r
+      // extraction des informations du film courant\r
       var titre = lignes[i].firstChild.innerHTML\r
       var tableDetails = lignes[i+1].firstChild.firstChild.childNodes\r
       var genres = tableDetails[0].firstChild.nextSibling.textContent\r
       var realisateurs = tableDetails[1].firstChild.nextSibling.textContent\r
       var acteurs = tableDetails[2].firstChild.nextSibling.textContent\r
       var pays = tableDetails[3].firstChild.nextSibling.textContent\r
+      \r
+      // si le film satisfait la recherche alors on l'affiche sinon ou le cache\r
       if (\r
          afficherTout ||\r
          document.getElementById("checkRechercheTitre").checked && rechercheRegExp.exec(titre) != null\r
@@ -90,6 +99,7 @@ function doRecherche()
       {\r
          lignes[i].style.display = "table-row"  \r
          lignes[i+1].style.display = "table-row" \r
+         nbFilmAffiche++;\r
       }\r
       else\r
       {\r
@@ -97,6 +107,9 @@ function doRecherche()
          lignes[i+1].style.display = "none"\r
       }\r
    }\r
+   \r
+   // mise à jour de l'affichage du nombre de film total/affiché\r
+   document.getElementById("nbFilms").textContent = nbFilmAffiche + " / " + nbFilm + " film" + (nbFilm > 1 ? "s" : "")\r
 }\r
 \r
 /**\r

diff --git a/mise_en_prod.rb b/mise_en_prod.rb
index 473156b..9b4d23e 100644 (file)
--- a/mise_en_prod.rb
+++ b/mise_en_prod.rb
@@ -10,5 +10,5 @@ dest = $*[0] if $*.length > 1
 # pour windows\r
 ['xml', 'xsl', 'js', 'css', 'img'].each{|rep|\r
    `mkdir #{dest}\\#{rep}`\r
-   `xcopy /Y #{rep} #{dest}\\#{rep}`\r
+   `xcopy /Y /F #{rep} #{dest}\\#{rep}`\r
 }
\ No newline at end of file

diff --git a/xsl/yopyop.xsl b/xsl/yopyop.xsl
index b8767a1..e882bae 100644 (file)
--- a/xsl/yopyop.xsl
+++ b/xsl/yopyop.xsl
@@ -7,9 +7,10 @@
     <link rel="stylesheet" href="../css/yopyop.css" type="text/css" />\r
     <script type="text/javascript" src="../js/yopyop.js" ></script>
    </head>
-   <body>\r
+   <body onload="doRecherche()">\r
     <div class="entete">
      <h1>DivX - TV</h1>\r
+     <div id="nbFilms" >34/130 films</div>\r
      <img src="../img/logo.png" />\r
      <form class="formulaireRecherche">\r
       <p>\r
@@ -35,7 +36,7 @@
         <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
         <td class="duree"><xsl:value-of select="duree"/> min</td>\r
-        <td class="lien"><a href="{url}">GO</a></td>\r
+        <td class="lien"><div><a href="{url}"></a></div></td>\r
         <td class="fichier"><div><a href="divx:///{fichier}"></a></div></td>
        </tr>\r
        <tr>\r