Bonjours. Je suis en train de développer une interface en JavaScript pour modifier un planning, et le glisser-déposer des séances me pose problème.
Concrètement, voilà à quoi ressemble l’interface :
http://toferie.free.fr/exemplePCI/exemple.jpg
J’utilise le Drag&Drop (celui de l’HTLM5 introduit à la base par IE). Les navigateurs implémentent différemment le D&D. J’utilise un code fournit ici : http://www.useragentman.com/blog/2 [...] -and-drop/
qui permet d’afficher un clone sous IE, lors du déplacement d’un objet. Ce clone n’est pas positionné exactement à l’endroit ou l’on lâche l’objet, mais en bas à droite de la souris. Je peux modifier la position du clone, mais si je positionne le clone à l’endroit voulu, c'est-à-dire sous le pointeur, l’événement onDrop ne se déclenche jamais, puisque le pointeur n’est plus sur une zone sur laquelle on peut Droppé, mais sur le clone. Pour résoudre mon problème, il faudrait que le pointeur passe à travers le clone. En gros, je souhaiterais faire une div qui n’existe que visuellement, que le pointeur ne la prenne pas en compte. Avec le zIndex, je peux la faire passer en dessous, mais du coup la div du clone ne se voit pas. Existe-t-il une façon de faire ce que je veux ?
Merci d’avance. N’hésitez-pas à poser des questions, je me suis peut-être mal exprimé.