sauvegarde zip

3 files changed, 118 insertions, 59 deletions

diff --git a/public/css/accueil.css b/public/css/accueil.css
index 622ce1f..8f7f8c7 100644
--- a/public/css/accueil.css
+++ b/public/css/accueil.css
@@ -134,7 +134,7 @@ form
 

 .zoneVideAdmin

 {

-    padding-top: 20px;

+    padding-top: 10px;

 }

 

 #modeAdmin

@@ -144,8 +144,9 @@ form
     bottom: 0px;

     width: 700px;

     z-index: 2;

-    padding-top: 5px;

-    text-align: center;

+    padding-top: 2px;

+    /*text-align: center;*/

+    /*font-family: Sans-serif;*/

 }

 

 #modeAdmin p

@@ -156,33 +157,26 @@ form
 }

 #modeAdmin>div p

 {

-    /*border: 1px black solid;*/

-    margin: 5px;

-    padding:  0px;

+    /*margin: 5px;*/

+    /*padding: 0px;*/

 }

 #modeAdmin>p a

 {

-    padding: 2px;

-}

-

-#modeAdmin div

-{

-    display: flex;

-    justify-content: space-around;

-    

-    margin: 0px;

-    font-size: 85%;

+    text-decoration: none;

+    color: initial;

 }

 

 #lienModeAdmin

 {

     margin: 0px 20px;

-    padding-bottom: 20px;

 }

 

 #lienModeAdmin p

 {

     text-align: right;

+    /* enlever la bande bleue en dessous du bloc_page */

+    margin-bottom: 0;

+    padding-bottom: 5px;

 }

 

 #lienModeAdmin p a

@@ -225,6 +219,28 @@ form
     color: #666;

 }

 

+.boutonBackup

+{

+    /*font-size: initial;*/ /* corrigé par normalize.css */

+    margin: 2px;

+}

+.boutonBackup a

+{

+    text-decoration: none;

+    color: initial;

+}

+

+/* options au survol */

+#options

+{

+    /*display: none;*/

+    display: flex;

+}

+/*#modeAdmin:hover #options

+{

+    display: flex;

+}*/

+

 

 /* PC, y compris vieux écrans 800x600 */

 @media screen and (min-width: 700px)

@@ -267,7 +283,7 @@ form
 

     #bienvenue

     {

-        background-image: url("accueil/bienvenue.png");

+        background-image: url("../accueil/bienvenue.png");

         width: 630px;

         height: 596px;

     }

@@ -285,8 +301,14 @@ form
 

     .zoneVideAdmin, #modeAdmin

     {

-        height: 70px;

+        /*height: 30px;*/

+        height: 76px;

     }

+

+    /*#modeAdmin:hover

+    {

+        height: 76px;

+    }*/

 }

 

 /* "tablettes" et vieux écrans 640x480 */

@@ -341,7 +363,7 @@ form
 

     #bienvenue

     {

-        background-image: url("accueil/bienvenue_petit.png");

+        background-image: url("../accueil/bienvenue_petit.png");

         width: 480px;

         height: 463px;

         margin: auto;

@@ -360,7 +382,7 @@ form
 

     .zoneVideAdmin, #modeAdmin

     {

-        height: 75px;

+        height: 71px;

     }

 

     #modeAdmin

@@ -384,7 +406,7 @@ form
     }

     .zoneVideAdmin, #modeAdmin

     {

-        height: 70px;

+        height: 66px;

     }

 }

 

@@ -439,7 +461,7 @@ form
 

     #bienvenue

     {

-        background-image: url("accueil/bienvenue_mini.png");

+        background-image: url("../accueil/bienvenue_mini.png");

         width: 320px;

         height: 316px;

     }

@@ -462,7 +484,7 @@ form
 

     .zoneVideAdmin, #modeAdmin

     {

-        height: 65px;

+        height: 61px;

     }

 

     #modeAdmin

@@ -470,9 +492,16 @@ form
         max-width: 380px;

     }

 

-    #modeAdmin div

+    .boutonBackup

     {

         /*margin: 5px;*/

+        /*padding: 1px;*/

+        

+    }

+    #modeAdmin button

+    {

+        font-size: 95%;

+        padding: 1px;

     }

 }

 

@@ -481,18 +510,19 @@ form
 {

     .zoneVideAdmin, #modeAdmin

     {

-        height: 80px;

+        height: 76px;

     }

 

     #modeAdmin

     {

-        font-size: 95%;

+        /*font-size: 95%;*/

         padding: 0px;

     }

     #modeAdmin>p

     {

-        font-size: 90%;

-        margin: 3px;

+        /*font-size: 90%;*/

+        /*margin: 1px;*/

+        text-align: left;

     }

 

     #modeAdmin div

@@ -501,6 +531,15 @@ form
     }

     #modeAdmin>div p

     {

-        margin: 0px 5px;

+        /*margin: 0px 5px;*/

     }

 }

+

+/* spécial */

+@media screen and (max-width: 320px)

+{

+    nav

+    {

+        margin: auto;

+    }

+}
\ No newline at end of file
diff --git a/public/css/menu.css b/public/css/menu.css
index 0e17e34..4c521c0 100644
--- a/public/css/menu.css
+++ b/public/css/menu.css
@@ -44,7 +44,7 @@
     {

         width: 630px;

         height: 171px;

-        background-image: url("mouette.png");

+        background-image: url("../mouette.png");

     }

 

     #contenu

@@ -67,14 +67,14 @@
 

     #pochette

     {

-        background-image: url("menu/pochette.png");

+        background-image: url("../menu/pochette.png");

         width: 308px;

         height: 271px;

     }

 

     #fille_qui_tombe

     {

-        background-image: url("menu/fille_qui_tombe.jpg");

+        background-image: url("../menu/fille_qui_tombe.jpg");

         width: 208px;

         height: 163px;

         margin: 5px 0px;

@@ -82,14 +82,14 @@
 

     #canoe

     {

-        background-image: url("menu/canoe.png");

+        background-image: url("../menu/canoe.png");

         width: 207px;

         height: 144px;

     }

 

     #cavalier

     {

-        background-image: url("menu/cavalier.jpg");

+        background-image: url("../menu/cavalier.jpg");

         width: 159px;

         height: 312px;

         position: relative;

@@ -98,7 +98,7 @@
 

     #pommes

     {

-        background-image: url("menu/pommes.jpg");

+        background-image: url("../menu/pommes.jpg");

         width: 59px;

         height: 97px;

         position: relative;

@@ -107,14 +107,14 @@
 

     #sirene

     {

-        background-image: url("menu/sirene.jpg");

+        background-image: url("../menu/sirene.jpg");

         width: 320px;

         height: 174px;

     }

 

     #mouette_ocean

     {

-        background-image: url("menu/mouette_ocean.jpg");

+        background-image: url("../menu/mouette_ocean.jpg");

         width: 257px;

         height: 171px;

         margin: 5px 0px;

@@ -122,7 +122,7 @@
 

     #blonde

     {

-        background-image: url("menu/blonde.jpg");

+        background-image: url("../menu/blonde.jpg");

         width: 257px;

         height: 233px;

     }

@@ -143,7 +143,7 @@
     {

         width: 480px;

         height: 131px;

-        background-image: url("mouette_petit.png");

+        background-image: url("../mouette_petit.png");

         margin: auto;

     }

 

@@ -167,14 +167,14 @@
 

     #pochette

     {

-        background-image: url("menu/pochette_petit.png");

+        background-image: url("../menu/pochette_petit.png");

         width: 234px;

         height: 206px;

     }

 

     #fille_qui_tombe

     {

-        background-image: url("menu/fille_qui_tombe_petit.jpg");

+        background-image: url("../menu/fille_qui_tombe_petit.jpg");

         width: 158px;

         height: 124px;

         margin: 4px 0px;

@@ -182,14 +182,14 @@
 

     #canoe

     {

-        background-image: url("menu/canoe_petit.png");

+        background-image: url("../menu/canoe_petit.png");

         width: 157px;

         height: 109px;

     }

 

     #cavalier

     {

-        background-image: url("menu/cavalier_petit.jpg");

+        background-image: url("../menu/cavalier_petit.jpg");

         width: 121px;

         height: 237px;

         position: relative;

@@ -198,7 +198,7 @@
 

     #pommes

     {

-        background-image: url("menu/pommes_petit.jpg");

+        background-image: url("../menu/pommes_petit.jpg");

         width: 45px;

         height: 74px;

         position: relative;

@@ -207,14 +207,14 @@
 

     #sirene

     {

-        background-image: url("menu/sirene_petit.jpg");

+        background-image: url("../menu/sirene_petit.jpg");

         width: 243px;

         height: 132px;

     }

 

     #mouette_ocean

     {

-        background-image: url("menu/mouette_ocean_petit.jpg");

+        background-image: url("../menu/mouette_ocean_petit.jpg");

         width: 195px;

         height: 130px;

         margin: 4px 0px;

@@ -222,7 +222,7 @@
 

     #blonde

     {

-        background-image: url("menu/blonde_petit.jpg");

+        background-image: url("../menu/blonde_petit.jpg");

         width: 195px;

         height: 177px;

     }

@@ -243,7 +243,7 @@
     {

         width: 320px;

         height: 88px;

-        background-image: url("mouette_mini.png");

+        background-image: url("../mouette_mini.png");

         margin: auto;

     }

 

@@ -267,14 +267,14 @@
 

     #pochette

     {

-        background-image: url("menu/pochette_mini.png");

+        background-image: url("../menu/pochette_mini.png");

         width: 156px;

         height: 137px;

     }

 

     #fille_qui_tombe

     {

-        background-image: url("menu/fille_qui_tombe_mini.jpg");

+        background-image: url("../menu/fille_qui_tombe_mini.jpg");

         width: 105px;

         height: 82px;

         margin: 3px 0px;

@@ -282,14 +282,14 @@
 

     #canoe

     {

-        background-image: url("menu/canoe_mini.png");

+        background-image: url("../menu/canoe_mini.png");

         width: 105px;

         height: 73px;

     }

 

     #cavalier

     {

-        background-image: url("menu/cavalier_mini.jpg");

+        background-image: url("../menu/cavalier_mini.jpg");

         width: 80px;

         height: 158px;

         position: relative;

@@ -298,7 +298,7 @@
 

     #pommes

     {

-        background-image: url("menu/pommes_mini.jpg");

+        background-image: url("../menu/pommes_mini.jpg");

         width: 30px;

         height: 49px;

         position: relative;

@@ -308,14 +308,14 @@
 

     #sirene

     {

-        background-image: url("menu/sirene_mini.jpg");

+        background-image: url("../menu/sirene_mini.jpg");

         width: 162px;

         height: 88px;

     }

 

     #mouette_ocean

     {

-        background-image: url("menu/mouette_ocean_mini.jpg");

+        background-image: url("../menu/mouette_ocean_mini.jpg");

         width: 130px;

         height: 86px;

         margin: 3px 0px;

@@ -323,7 +323,7 @@
 

     #blonde

     {

-        background-image: url("menu/blonde_mini.jpg");

+        background-image: url("../menu/blonde_mini.jpg");

         width: 130px;

         height: 118px;

     }

diff --git a/public/main.js b/public/main.js
index 9764394..f3fe6f0 100644
--- a/public/main.js
+++ b/public/main.js
@@ -4,7 +4,7 @@ function versMenu()
 {

         // ergonomique

         window.setTimeout("location=('index.php?page=menu');", 10000);

-        window.setTimeout(function(){location.href="index.php?page=menu"}, 3000);

+        //window.setTimeout(function(){location.href="index.php?page=menu"}, 10000);

 }

 

 function deconnexionAutomatique()

@@ -88,4 +88,24 @@ function nouveauMotdepasse(page)
 {

         confirm('Le mot de passe a été modifié.');

         window.setTimeout(location=('index.php?page=' + page + '&message=nouveau_mdp'), 0);

-}
\ No newline at end of file
+}

+

+// envoie gros fichier ZIP

+// si le fichier ne passe pas la limite de l'hébergeur (php.ini)

+// l'ouvrir en javascript chaque envoyer progressivement

+function extraireZIPetEnvoyerUnParUn()

+{

+        // taille du fichier?

+

+        // taille limite autorisée?

+        // obtenue avant avec phpinfo() puis insérée dans le code JS

+

+        // si le fichier est plus gros que la limite:

+        // extraire l'archive

+        // envoyer les fichiers un par un par des requêtes AJAX

+        // le serveur peut aussi limiter le nombre de fichiers

+        // lors d'un envoie multiple

+        // en les envoyant un par un ça devrait être bon

+

+        // sinon ne rien faire et laisser l'envoi normal se faire

+}