add : fenetre adhesion sans contenu juste interactivité

js/floating.js

@@ -0,0 +1,34 @@
+export function makeItFloat(target){
+    let startTarget = target.querySelector('.title');
+
+    console.log('selected target :', startTarget);
+
+    let startX, startY;
+    let clicked = false;
+
+    startTarget.addEventListener('mousedown', (event) => {
+    startX = event.pageX;
+    startY = event.pageY;
+    clicked = true;
+    console.log('clicking...')
+    })
+
+    document.addEventListener('mousemove', (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('mouseup', () => {
+    console.log('STOP !')
+    clicked = false;
+    })
+}

js/main.js

@@ -1,6 +1,7 @@
 import { loadEvents } from './events.js'
 import { loadStatus } from './status.js'
 import { initCuteTexture } from './cuteTexture.js'
+import { makeItFloat } from './floating.js';
 
 // ======================================== events & statut d'ouverture
 loadEvents();
@@ -17,40 +18,8 @@ loadStatus()
 
 // ======================================== floating message window
 
-let target = document.querySelector('#msgWindow');
-
-let startTarget = target.querySelector('.title');
-
-console.log('selected target :', startTarget);
-
-let startX, startY;
-let clicked = false;
-
-startTarget.addEventListener('mousedown', (event) => {
-  startX = event.pageX;
-  startY = event.pageY;
-  clicked = true;
-  console.log('clicking...')
-})
-
-document.addEventListener('mousemove', (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('mouseup', () => {
-  console.log('STOP !')
-  clicked = false;
-})
+makeItFloat(document.querySelector('#msgWindow'));
+makeItFloat(document.querySelector('#addUserWindow'));
 
 /*
 //================================ tentative de gestion des écran tactiles