update mise en page scroll x ecritoire v2 + bouton eraseAll()

public/index.html

@@ -65,7 +65,7 @@
                         <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
                     </svg>
                 </div></a>
-                <div onclick="eraseAll()" title="Tout effacer">
+                <div id="eraseAll" onclick="eraseAll()" title="Tout effacer">
                     <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-x-circle-fill" viewBox="0 0 16 16">
                         <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"/>
                     </svg>
@@ -318,6 +318,7 @@
         <script>
             // avant tout autre script js
             var initToolDiv = document.getElementById('tooldiv').innerHTML // on met de côté le tooldiv pour pouvoir le réinjecter plus tart (suppression lors de l'enregistrement)
+            var initAnchor = document.getElementById('anchor').innerHTML // Ancre/curseur à ajouter à tooldiv si réinitialisation page (eraseAll())
         </script>
 
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>

public/scripts/script.js

@@ -15,6 +15,7 @@ function switchv2(){
         document.getElementById('ecritoire').style.display = "none"
         document.getElementById('panier').style.display = "none"
         document.querySelectorAll('.param-v1').forEach(div => { div.style.display = "none" })
+        document.getElementById('eraseAll').style.display = "none"
         document.getElementById('multidraggable').style.display = "block"
         document.getElementById('panierv2').style.display = "block"
         version2 = !version2
@@ -23,6 +24,7 @@ function switchv2(){
         document.getElementById('ecritoire').style.display = "block"
         document.getElementById('panier').style.display = "block"
         document.querySelectorAll('.param-v1').forEach(div => { div.style.display = "block" })
+        document.getElementById('eraseAll').style.display = "block"
         document.getElementById('multidraggable').style.display = "none"
         document.getElementById('panierv2').style.display = "none"
         version2 = !version2

public/styles/styles.css

@@ -257,6 +257,7 @@ footer {
 }
 
 #multidraggable {
+    position: relative;
     width:200vw;
     height: 200vh;
     background-color: var(--couleurEcritoire);