inversion de positions

8 files changed, 43 insertions, 9 deletions

diff --git a/public/css/discographie.css b/public/css/discographie.css
index 0362bb4..4d602fa 100644
--- a/public/css/discographie.css
+++ b/public/css/discographie.css
@@ -45,6 +45,7 @@ aside div
     z-index: 1; /* placer le menu déroulant au dessus */
     /*background-color: #9fa8d0;*/
     background-color: #a4afd4;
+    /*background-color: white;*/
     border: 2px #3d4c9d solid;
 }
 
@@ -60,6 +61,8 @@ aside div
 #chronologie p a:hover
 {
     color: black;
+    /*background-color: #a4afd4;*/
+    background-color: white;
 }
 
 .linkChrono
@@ -115,7 +118,8 @@ input
     padding-bottom: 20px;
     border-bottom: 1px black solid;
 }
-.boutonAlbum a
+/* mêmes règles que .boutonArticle dans main.css */
+.boutonAlbum span
 {
     padding: 2px;
     border: 4px black groove;
@@ -132,7 +136,6 @@ input
 article
 {
         margin: 5px 0px;
-    width: 22%;
     /*min-width: 300px;*/
 }
 .articleAvecEditeur
@@ -230,6 +233,10 @@ a:hover figure figcaption
         /* annuler le positionnement du contenu */
         margin-top: 55px;
     }
+    article
+    {
+        width: 32%;
+    }
 }
 
 @media screen and (max-width: 699px)
diff --git a/public/css/accueil.css b/public/css/main.css
index 2a42e29..77ab7ff 100644
--- a/public/css/accueil.css
+++ b/public/css/main.css
@@ -1,4 +1,4 @@
-/* public/accueil.css */

+/* public/main.css */

 

 /*@font-face

 {

@@ -87,6 +87,11 @@ img
     vertical-align: bottom;

 }

 

+.boutonArticle span

+{

+    padding: 2px;

+    border: 4px black groove;

+}

 .boutonSubmitEditeur

 {

     margin-top: 5px;

@@ -111,6 +116,12 @@ article
     font-size: 90%;

     margin: 5px 0;

 }

+/* Eviter la superposition d’une entête fixe sur une ancre */

+article:target

+{

+    padding-top: 71px;

+    margin-top: -71px; 

+}

 .articleAvecEditeur

 {

     background-color: #a8b3d9;

diff --git a/public/css/menu.css b/public/css/menu.css
index 28cba08..4bf5262 100644
--- a/public/css/menu.css
+++ b/public/css/menu.css
@@ -13,11 +13,11 @@
 {

     font-size: 90%;

 }

-.boutonArticle a

+/*.boutonArticle span

 {

     padding: 2px;

     border: 4px black groove;

-}

+}*/

 

 .sectionActu

 {}

diff --git a/public/css/pages_articles_simples.css b/public/css/pages_articles_simples.css
index 9b6d2c3..2f3e901 100644
--- a/public/css/pages_articles_simples.css
+++ b/public/css/pages_articles_simples.css
@@ -26,14 +26,14 @@ figure
 }

 .boutonNouvelArticle

 {

+    /* comme "article" dans main.css */

     font-size: 90%;

 }

-.boutonArticle a

+.boutonArticle span

 {

-    padding: 2px;

-    border: 4px black groove;

+    position: relative;

+    bottom: 6px;

 }

-

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

 {

         #titre

diff --git a/public/icone_descendre.png b/public/icone_descendre.png
new file mode 100644
index 0000000..7980297
--- /dev/null
+++ b/public/icone_descendre.png
diff --git a/public/icone_flèche.xcf b/public/icone_flèche.xcf
new file mode 100644
index 0000000..7fcf5d6
--- /dev/null
+++ b/public/icone_flèche.xcf
diff --git a/public/icone_monter.png b/public/icone_monter.png
new file mode 100644
index 0000000..8e213ec
--- /dev/null
+++ b/public/icone_monter.png
diff --git a/public/inversion.js b/public/inversion.js
new file mode 100644
index 0000000..20a6871
--- /dev/null
+++ b/public/inversion.js
@@ -0,0 +1,16 @@
+// public/inversion.js
+
+// inverser la position de deux "articles" ou albums d'une page
+function inversion()
+{
+        var page = '';
+        var action = ''; // monter ou descendre
+        var fileCode = ''; // <?= $Articles->fileList[$i]['fileCode'] ?>
+        var position = ''; // <?= $Articles->fileList[$i]['position'] ?>
+
+        const xhr = new XMLHttpRequest();
+        url = 'index.php?page='+page+'&action='+action+'&file_code='+fileCode+'&position='+position+'#'+fileCode;
+        url = 'index.php?action=restauration&file_name='+fileInfos.name+'&file_size='+fileInfos.size;
+        xhr.open("GET", url);
+        xhr.send();
+}
\ No newline at end of file