Bonjour à tous !
Je suis actuellement en train de développer un ascenseur horizontal en Drag and Drop. En fait, rien de bien compliqué, voici un bout de ma classe, qui devrait fonctionner à priori :
dragScrollStart = function() {
var pos = [];
pos = findPos(contentScrollIndicator);
var tmp=pos['x'];
pos = findPos(scrollIndicator);
diff['x']=mouse['x']-pos['x']+tmp;
drag=1;
}
dragScrollMove = function() {
scrollIndicator.style.left=(mouse['x']-diff['x'])+'px';
}
dragScrollStop = function() {
drag=0;
}
document.onmousemove = function(e) {
if(!e) e=window.event;
mouse['x']=e.clientX;
mouse['y']=e.clientY;
if(drag==1) dragScrollMove();
}
En gros, quand je clique sur l'ascenseur, qui est assigné à un évenement
onmousedown et à un événement
onmouseup, il appelle respectivement
dragScrollStart et
dragScrollStop.
Jusque là, ça fonctionne. Ce qui bug, c'est lorsque je déplace la souris. Mon curseur se transforme en "Impossible de déplacer" et l'image ne se déplace pas. (Si je relache le clic de souris et que je ne me retrouve pas sur le bouton de l'ascenseur, le drag continue (normal vu comment je stoppe le drag) et ça fonctionne très bien).
Bref, j'imagine que j'ai simplement oublié un truc tout bête... Merci d'avance pour vos réponses, parce que là je bloque vraiment !