bouton partager

6 files changed, 17 insertions, 21 deletions

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
--- a/public/icone_modifier.png
+++ b/public/icone_modifier.png
diff --git a/public/icone_partager.png b/public/icone_partager.png
new file mode 100644
index 0000000..ab3b829
--- /dev/null
+++ b/public/icone_partager.png
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é