add : fenetre adhesion sans contenu juste interactivité

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