From: pifou <pifou@02bbb61a-6d21-0410-aba0-cb053bdfd66a>
Date: Thu, 14 Jun 2007 12:57:54 +0000 (+0000)
Subject: ADD Des pommes !
X-Git-Url: http://git.euphorik.ch/?p=pompage.git;a=commitdiff_plain;h=758f0146355cf0b6c0745d1e73c94c060fc6405c

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
--- a/css/yopyop.css
+++ b/css/yopyop.css
@@ -55,6 +55,7 @@ div.entete {
    height: 50px;
    color: #8DDD83;
    -moz-border-radius: 0px 0px 20px 20px;
+   min-width: 650px;
 }
 
 div.entete img {
@@ -64,10 +65,18 @@ div.entete img {
 }
 
 div.entete h1 {
-	float: left;     
+   float: left;     
    margin-top: 8px;
 }
 
+div.entete div#nbFilms {
+   position: absolute;
+   left: 280px;
+   top: 33px;
+   font-size: 9pt;
+   color: black;
+}
+
 div.entete form {
    float: right;
    padding-right: 10px;
@@ -118,6 +127,7 @@ div.pied {
 
 div.contenu {
    padding-top: 50px;
+   min-width: 650px;
 }
 
 table#liste {
@@ -150,12 +160,34 @@ table#liste td.duree {
 
 table#liste td.lien {
 	text-align: center;
-	width: 50px;
+	width: 15px;
+}
+
+table#liste td.lien div {
+   position: absolute;
+}
+
+table#liste td.lien a {
+   position: absolute;
+   width: 15px;
+   height: 19px;
+   display: block;
+   z-index: 1;
+   background-image: url(../img/pomme1.png)
+}
+
+table#liste td.lien a:hover {
+   width: 30px;
+   height: 38px;   
+   left: -7px;
+   top: -9px;
+   z-index: 10;
+   background-image: url(../img/pomme2.png)
 }
 
 table#liste td.fichier {
 	text-align: center;
-	width: 50px;
+	width: 12px;
 }
 
 table#liste td.fichier div {
diff --git a/img/pomme1.png b/img/pomme1.png
new file mode 100644
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
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
--- a/js/yopyop.js
+++ b/js/yopyop.js
@@ -66,7 +66,11 @@ function doRecherche()
       && !document.getElementById("checkRechercheActeurs").checked
       && !document.getElementById("checkRecherchePays").checked)
       afficherTout = true;
-
+      
+   var nbFilm = 0; // pour compter le nombre de film total
+   var nbFilmAffiche = 0; // pour compter le nombre de film affiché
+      
+   // le motif à chercher
    var motif = document.getElementById("recherche").value
    var rechercheRegExp = new RegExp(".*" + motif + ".*", "i")
    
@@ -74,12 +78,17 @@ function doRecherche()
    var lignes = liste.childNodes
    for(i = 0; i < lignes.length; i += 2)
    {
+      nbFilm++;
+      
+      // extraction des informations du film courant
       var titre = lignes[i].firstChild.innerHTML
       var tableDetails = lignes[i+1].firstChild.firstChild.childNodes
       var genres = tableDetails[0].firstChild.nextSibling.textContent
       var realisateurs = tableDetails[1].firstChild.nextSibling.textContent
       var acteurs = tableDetails[2].firstChild.nextSibling.textContent
       var pays = tableDetails[3].firstChild.nextSibling.textContent
+      
+      // si le film satisfait la recherche alors on l'affiche sinon ou le cache
       if (
          afficherTout ||
          document.getElementById("checkRechercheTitre").checked && rechercheRegExp.exec(titre) != null
@@ -90,6 +99,7 @@ function doRecherche()
       {
          lignes[i].style.display = "table-row"  
          lignes[i+1].style.display = "table-row" 
+         nbFilmAffiche++;
       }
       else
       {
@@ -97,6 +107,9 @@ function doRecherche()
          lignes[i+1].style.display = "none"
       }
    }
+   
+   // mise à jour de l'affichage du nombre de film total/affiché
+   document.getElementById("nbFilms").textContent = nbFilmAffiche + " / " + nbFilm + " film" + (nbFilm > 1 ? "s" : "")
 }
 
 /**
diff --git a/mise_en_prod.rb b/mise_en_prod.rb
index 473156b..9b4d23e 100644
--- a/mise_en_prod.rb
+++ b/mise_en_prod.rb
@@ -10,5 +10,5 @@ dest = $*[0] if $*.length > 1
 # pour windows
 ['xml', 'xsl', 'js', 'css', 'img'].each{|rep|
    `mkdir #{dest}\\#{rep}`
-   `xcopy /Y #{rep} #{dest}\\#{rep}`
+   `xcopy /Y /F #{rep} #{dest}\\#{rep}`
 }
\ No newline at end of file
diff --git a/xsl/yopyop.xsl b/xsl/yopyop.xsl
index b8767a1..e882bae 100644
--- a/xsl/yopyop.xsl
+++ b/xsl/yopyop.xsl
@@ -7,9 +7,10 @@
     <link rel="stylesheet" href="../css/yopyop.css" type="text/css" />
     <script type="text/javascript" src="../js/yopyop.js" ></script>
    </head>
-   <body>
+   <body onload="doRecherche()">
     <div class="entete">
      <h1>DivX - TV</h1>
+     <div id="nbFilms" >34/130 films</div>
      <img src="../img/logo.png" />
      <form class="formulaireRecherche">
       <p>
@@ -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>
         <td class="duree"><xsl:value-of select="duree"/> min</td>
-        <td class="lien"><a href="{url}">GO</a></td>
+        <td class="lien"><div><a href="{url}"></a></div></td>
         <td class="fichier"><div><a href="divx:///{fichier}"></a></div></td>
        </tr>
        <tr>