add : fenetre adhesion sans contenu juste interactivité

This commit is contained in:
2026-08-12 21:49:33 +02:00
parent f435cb36b8
commit 2ed49a5fe1
7 changed files with 150 additions and 55 deletions
+34
View File
@@ -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;
})
}