Modification du texte, du style et dequeerisation

js/floating.js

@@ -5,16 +5,19 @@ export function makeItFloat(target){
 
     let startX, startY;
     let clicked = false;
+    let selectedPointer;
 
-    startTarget.addEventListener('mousedown', (event) => {
-    startX = event.pageX;
-    startY = event.pageY;
-    clicked = true;
-    console.log('clicking...')
+    startTarget.addEventListener('pointerdown', (event) => {
+        selectedPointer = event.pointerId;
+        startX = event.pageX;
+        startY = event.pageY;
+        console.log('clicking...')
     })
 
-    document.addEventListener('mousemove', (event) => {
-    if(clicked){
+    document.addEventListener('pointermove', (event) => {
+    if(event.pointerId === selectedPointer){
+        event.preventDefault();
+        document.querySelector('html').style.overflow = 'hidden';
         console.log('moving...')
         let currentX = event.pageX;
         let currentY = event.pageY;
@@ -27,8 +30,15 @@ export function makeItFloat(target){
     }
     });
 
-    document.addEventListener('mouseup', () => {
-    console.log('STOP !')
-    clicked = false;
+    document.addEventListener('pointerup', () => {
+        console.log('STOP !')
+        selectedPointer = null;
+        document.querySelector('html').style.overflow = '';
+    })
+
+    document.addEventListener('pointercancel', () => {
+        console.log('STOP !')
+        selectedPointer = null;
+        document.querySelector('html').style.overflow = '';
     })
 }

js/main.js

@@ -19,33 +19,3 @@ loadStatus()
 // ======================================== floating message window
 
 makeItFloat(document.querySelector('#msgWindow'));
-makeItFloat(document.querySelector('#addUserWindow'));
-
-/*
-//================================ tentative de gestion des écran tactiles
-startTarget.addEventListener('touchstart', (event) => {
-  startX = event.pageX;
-  startY = event.pageY;
-  clicked = true;
-  console.log('touching...')
-})
-
-document.addEventListener('touchmove', (event) => {
-  if(clicked){
-    console.log('moving...')
-    let currentX = event.pageX;
-    let currentY = event.pageY;
-    let moveX = target.offsetLeft + currentX - startX;
-    target.style.left =  moveX + 'px';
-    let moveY = target.offsetTop + currentY - startY;
-    target.style.top = moveY + 'px';
-    startX = currentX;
-    startY = currentY;
-  }
-});
-
-document.addEventListener('touchend', () => {
-  console.log('STOP !')
-  clicked = false;
-})
-*/