ajout de l'affichage "both" dans le nombre de dots

code/button_displayer.js

@@ -225,12 +225,35 @@ function dispDots()
             document.getElementById("col"+cpt+"D").style.visibility="hidden";
         }
     }
-    else// if(displ=="gems")
+    else
     {
         for(var cpt=1;cpt<9;cpt++)
         {
             document.getElementById("col"+cpt+"D").style.display="none";
             document.getElementById("gem"+cpt+"D").style.display="";
+
+            console.log(gemsSelected[cpt-1]+"|"+cpt);
+
+            document.getElementById("img_gem"+cpt).src="ress/"+gemsSelected[cpt-1]+".png";
+
+            document.getElementById("gem"+cpt+"D").appendChild(document.getElementById("img_gem"+cpt));
+            document.getElementById("img_gem"+cpt).style.height=size/6;
+            document.getElementById("img_gem"+cpt).style.width=size/6;
+
+            if(displ=="both")
+            {
+                document.getElementById("gem"+cpt+"D").classList.add("dot");
+                document.getElementById("gem"+cpt+"D").style.backgroundColor=gemsSelected[cpt-1];
+
+                document.getElementById("img_gem"+cpt).style.height=size/8;
+                document.getElementById("img_gem"+cpt).style.width=size/8;
+
+            }
+            else
+            {
+                document.getElementById("gem"+cpt+"D").classList.remove("dot");
+                document.getElementById("gem"+cpt+"D").style.backgroundColor="";
+            }
         }
 
         for(var cpt=1;cpt<amountI+1;cpt++)

code/index.php

@@ -104,6 +104,25 @@
                         <span id="col6D" class="dot"></span>
                         <span id="col7D" class="dot"></span>
                         <span id="col8D" class="dot"></span>
+
+                        <img id="img_gem1" class="gem"/>
+                        <img id="img_gem2" class="gem"/>
+                        <img id="img_gem3" class="gem"/>
+                        <img id="img_gem4" class="gem"/>
+                        <img id="img_gem5" class="gem"/>
+                        <img id="img_gem6" class="gem"/>
+                        <img id="img_gem7" class="gem"/>
+                        <img id="img_gem8" class="gem"/>
+
+                        <span id="gem1D" class="slot"></span>
+                        <span id="gem2D" class="slot"></span>
+                        <span id="gem3D" class="slot"></span>
+                        <span id="gem4D" class="slot"></span>
+                        <span id="gem5D" class="slot"></span>
+                        <span id="gem6D" class="slot"></span>
+                        <span id="gem7D" class="slot"></span>
+                        <span id="gem8D" class="slot"></span>
+                        <!--
                         <img id="gem1D" class=" slot" />
                         <img id="gem2D" class=" slot" />
                         <img id="gem3D" class=" slot" />
@@ -111,7 +130,7 @@
                         <img id="gem5D" class=" slot" />
                         <img id="gem6D" class=" slot" />
                         <img id="gem7D" class=" slot" />
-                        <img id="gem8D" class=" slot" />
+                        <img id="gem8D" class=" slot" />-->
                     </span>
                     <img src="ress/+" onClick="more()" id="+"/>
                     <input type="hidden" name="dotsAmount" id="amountHi"/></p>