Ajout fonction copier-coller en monochrome

static/scripts/main.js

@@ -677,6 +677,7 @@ function getPopUp() {
             for (i=0; i<phonclasses.length; i++) {
                 if (phonclasses[i].match(/phon_.*/)) phonClass = phonclasses[i];
                 if (phonclasses[i].match(/bicolor\d/)) phonClass = phonclasses[i];
+                if (phonclasses[i].match(/monochrome/)) phonClass = "#ffffff";
             }
             if (phonClass != "") newOutputSpan += phon2color(phonClass);
 
@@ -721,9 +722,12 @@ function getPopUp() {
 				for (i=0; i<phonclasses.length; i++) {
 					if (phonclasses[i].match(/phon_.*/)) phonClass = phonclasses[i];
                     if (phonclasses[i].match(/bicolor\d/)) phonClass = phonclasses[i];
+                    if (phonclasses[i].match(/monochrome/)) phonClass = "#ffffff";
 				}
 				if (phonClass.match(/.*_long/)) newOutputSpan += expLong;
-				if (phonClass != "") newOutputSpan += phon2color(phonClass);
+				if (phonClass == "#ffffff") {
+                    newOutputSpan += "color:#ffffff;"
+                } else if (phonClass != "") newOutputSpan += phon2color(phonClass);
 
 				newOutputSpan += "'>"+n[2]+"</span>";
 
@@ -798,13 +802,8 @@ function toClipBoard(containerid,tooltipid) {
 	tooltip.innerHTML = "Copié !";
 }
     
-function outFunc() {
-    var tooltip = document.getElementById("myTooltip");
-    tooltip.innerHTML = "Copier";
-}
-
-function outFuncWhite() {
-    var tooltip = document.getElementById("myTooltipWhite");
+function outFunc(tooltipid) {
+    var tooltip = document.getElementById(tooltipid);
     tooltip.innerHTML = "Copier";
 }
 

static/styles/styles.css

@@ -205,7 +205,8 @@ svg { /* vient écraser le background black de phonochromie-alem.css*/
 }
 
 .divInfoWiki {
-    margin: 10px 20px;
+    margin: 20px auto;
+    max-width: 1000px;
     font-size: 1em;
     font-style: italic;
 }