Discussion :

[joKED]

Bonjour à tous,

J'aurais besoin de d'aide pour définir la position de la souris. Je m'explique:

J'ai créer une fausse fenêtre (un tableau avec une barre de titre, croix de fermeture etc...) positionné en absolu que je déplace au gré de mon humeur sur ma page web.

Le déplacement fonctionne lorsque l'on maintient le clik enfoncé sur la barre de titre (première ligne de mon tableau) et que l'on drag le tableau.

Cependant, j'ai remarqué qu'en le déplaçant vivement, y'a un petit bug. Vers le bas et les cotés, pas de problème. Mais vers le haut, la souris a tendance à sortir de la barre de titre, ce qui fait que le déplacement n'est plus effectué (l'évenement onmousemove se trouve sur le tableau entier), chose somme toute totalement normale.

Du fait de la conception assez particulière de la page, je ne peux mettre l'évenement onmousemove autre part que sur le tableau (j'avais bien pensé à la balise body, mais ça pose problème vu que le onmousemove y est déjà défini et que je n'ai pas le droit d'y toucher).

J'ai donc pensé : Pourquoi ne pas positionner le curseur de la souris au milieu de mon tableau, comme ça, il y a moins de risque pour que la souris en sorte si je vais vite.
Et c'est la que je vous demande comment placer le curseur de ma souris à une coordonnée définie?

[Bisûnûrs]

On ne peut pas agir sur le positionnement de la souris, question de sécurité. On peut juste récupérer les coordonnées.

Sinon tu peux essayer de faire un setTimeout sur le onmouseout pour que ça laisse du temps à la fenêtre de se déplacer même quand la souris en sort quelques millisecondes.

[joKED]

Argh, c'est bien dommage pour la souris.

Par contre, cette idée est intéressante. Je vais la tester de ce pas, puis je reviens en donner des nouvelles.

Edit : En utilisant cette méthode avec un intervalle trop grand,le déplacement devient haché, et si trop court, il ne change rien...
Par contre, je crois avoir la solution. Puissque la souris ne peux pas aller au centre du tableau, le centre du tableau viendra à elle! Je m'en vais essayer ça de suite...

[joKED]

Euh, je crois que j'avais mal lu.
Tu parles du onmouseout? Est ce un lapsus ?

Si ce n'est pas le cas, celui ci n'est pas géré dans mon cas, donc ça ne change rien d'y mettre un setTimeout?!?

[Bisûnûrs]

Ce n'est pas une erreur de ma part, ton déplacement s'arrête bien lorsque ta souris sort de l'élément en question non ? Donc si on lui dit de "temporiser" la sortie ça devrait résoudre le problème ..

Après je ne sais pas comment est fait ton code et peut-être qu'il s'avérerait plus judicieux de le mettre dans le onmousemove.

[E.Bzz]

ton déplacement s'arrête bien lorsque ta souris sort de l'élément en question non ?

Pour un drag, c'est plutôt onMouseUp, non ?

A+

[joKED]

Pour un drag, c'est plutôt onMouseUp, non ?

A+

C'est effectivement le cas sur le onmouseup, c'est la fin du drag.

Mais dans ce cas précis, le onmousemove n'est plus executé puissque la souris sort de la zone d'événement. Et c'est bien la le problème principal.

Ce n'est pas une erreur de ma part, ton déplacement s'arrête bien lorsque ta souris sort de l'élément en question non ? Donc si on lui dit de "temporiser" la sortie ça devrait résoudre le problème ..

Pour répondre à ta question, je dirais oui, car cf raison évoquéé ci dessus. Mais lors du onmouseout, je ne fais rien. Donc je ne vois pas dans quelle mesure mettre une temporisation sur le onmouseout pourrait résoudre mon problème. Je vais quand même essayer, mais sauf ton respect, je doute que ça change grand chose.

[Boo2M0rs0]

Bonsoir,

Pourquoi ne pourrais-tu pas ajouter dynamiquement un évènement onmousemove supplémentaire sur la page entière?

En uitlisant des méthodes comme attachEvent (ie) et addEventListener, tu peux faire "cohabiter" proprement plusieurs gestionnaire sur un même évènement sur un même objet.

[joKED]

Bon.

Ben finalement j'ai résolu le problème, grâce à votre aide à tous.

Reprenos le problème : J'ai un tableau à déplacer. Sa zone de déplacement est limitée à une place bien précise, à savoir une iframe de ma page. Donc, je ne peux pas compter sur les événements du body de ma page principale, puissqu'ils ne sont pas levés lorsque je suis sur ma iframe. Mais le tableau fais quand même partie de ma page principale.

Ce que j'ai fais :
- sur le onmousedwon de mon tableau, je marque le tableau comme déplaçable.
- sur le onmousemove, je le déplace.
- sur le onmouseup, j'arrête le déplacement.

Le souci, c'est que lorsque je vais trop vite, ma souris sors du tableau, donc le onmousemove n'est plus executé.

La solution : sur le onmouseout de mon tableau, si le tableau est déplaçable, je le déplace. Du coup tout fonctionne correctement, sans toucher à la balise body de ma page comme spécifié dans le cahier des charges.

En tout cas, merci de vosaide conjointes. Ce sujet est maintenant résolu!