From 21746f17dbd12499f794b1f2822b50e9e6c5d494 Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Sun, 23 Apr 2023 23:39:10 +0200
Subject: bouton partager

---
 public/css/discographie.css           |  10 ++--------
 public/css/main.css                   |   9 ++++-----
 public/css/pages_articles_simples.css |   6 +-----
 public/icone_modifier.png             | Bin 8809 -> 8960 bytes
 public/icone_partager.png             | Bin 0 -> 4778 bytes
 public/main.js                        |  13 ++++++++++---
 6 files changed, 17 insertions(+), 21 deletions(-)
 create mode 100644 public/icone_partager.png

(limited to 'public')

diff --git a/public/css/discographie.css b/public/css/discographie.css
index 2aae57e..7fb48df 100644
--- a/public/css/discographie.css
+++ b/public/css/discographie.css
@@ -120,12 +120,6 @@ input
     padding-bottom: 20px;
     border-bottom: 1px black solid;
 }
-/* mêmes règles que .boutonArticle dans main.css */
-.boutonAlbum span
-{
-    padding: 2px;
-    border: 4px black groove;
-}
 
 #articles
 {
@@ -209,10 +203,10 @@ a:hover figure figcaption
 {
     width: 100%;
 }
-.linkAlbumHTML
+/*.linkAlbumHTML
 {
     color: blue;
-}
+}*/
 
 
 @media screen and (min-width: 700px)
diff --git a/public/css/main.css b/public/css/main.css
index 77ab7ff..4017e31 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -87,11 +87,12 @@ img
     vertical-align: bottom;
 }
 
-.boutonArticle span
+button a
 {
-    padding: 2px;
-    border: 4px black groove;
+    color: black;
+    text-decoration: none;
 }
+
 .boutonSubmitEditeur
 {
     margin-top: 5px;
@@ -144,8 +145,6 @@ form
 #courriel *
 {
     max-width: 220px;
-    color: black;
-    text-decoration: none;
 }
 
 #courriel>button /* bouton pour remonter */
diff --git a/public/css/pages_articles_simples.css b/public/css/pages_articles_simples.css
index 2f3e901..ec8e665 100644
--- a/public/css/pages_articles_simples.css
+++ b/public/css/pages_articles_simples.css
@@ -29,11 +29,7 @@ figure
     /* comme "article" dans main.css */
     font-size: 90%;
 }
-.boutonArticle span
-{
-    position: relative;
-    bottom: 6px;
-}
+
 @media screen and (min-width: 700px)
 {
 	#titre
diff --git a/public/icone_modifier.png b/public/icone_modifier.png
index 3691389..aa5304c 100644
Binary files a/public/icone_modifier.png and b/public/icone_modifier.png differ
diff --git a/public/icone_partager.png b/public/icone_partager.png
new file mode 100644
index 0000000..ab3b829
Binary files /dev/null and b/public/icone_partager.png differ
diff --git a/public/main.js b/public/main.js
index ede1a30..4080832 100644
--- a/public/main.js
+++ b/public/main.js
@@ -40,15 +40,20 @@ function clientCourriel()
 	document.location.href = link;
 }
 
-// bouton pour "copier" dans le presse-papier
-function copierAdresse()
+// pour "cacher" l'adresse du HTML
+// inutile -> nécessite une requête AJAX
+function copierCourriel()
 {
 	var adresse = "melaine.favennec@wanadoo.fr";
+	copierDansPressePapier(adresse);
+}
 
+function copierDansPressePapier(chaine)
+{
 	// une balise <input> avec des attributs
 	var element = document.createElement("input");
 	element.setAttribute("id", "copyMe");
-	element.setAttribute("value", adresse);
+	element.setAttribute("value", chaine);
 
 	// placement dans la page (= le "document")
 	document.body.appendChild(element);
@@ -65,6 +70,8 @@ function copierAdresse()
 	// test optionnel
 	// essayer un document.execCommand("paste"); dans une variable
 	// mais depuis une deuxième fonction
+
+	alert('Cette adresse a été copiée dans le presse-papier:\n\n' + chaine);
 }
 
 // cacher le lien #nouvelArticle quand le ckeditor est appelé
-- 
cgit v1.2.3