déplacer un curseur de style: déplacer

Question

J'ai une div pour laquelle j'ai placé le curseur: déplacer le style. La div apparaît comme une fenêtre contextuelle modale. Je voudrais laisser l'utilisateur déplacer la div autour.

<style> 
.popup{cursor:move;position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin:auto;} 
</style> 

<div id="modaldiv" style="popup"> 
    content goes here 
</div> 

Toute aide est grandement appréciée.

Merci.

Answer 1

Si vous avez besoin de l'idée de base, alors ce sera comme ça.

1. Un indicateur doit être défini lorsque le mousedown se produit.

2. Si l'indicateur est défini et que la suppression de la souris se produit, modifiez la position de la div en fonction de la position de la souris.

3. Annule le drapeau lorsque le mouseup se produit.

De cela, je ne pense pas qu'il soit beaucoup plus difficile d'en développer un.

Si vous en avez besoin d'un basé sur un cadre alors celui-ci vous aidera. En utilisant jQuery

Draggable

$("#modaldiv").draggable(); 

fera la div draggable.