Discussion :

[oulahoup]

bonjour,


Framework: JQUERY 1.3.2

J'utilise la fonction drag de jquery et je souhaite sauvegarder la position de l'objet nouvellement déplacée.

le container: #containment-wrapper

et l'objet: #draggable0

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript">
		$(function() {
		$("#draggable0").draggable({containment: '#containment-wrapper', scroll: false});
 
			$("#containment-wrapper").click(function(e){
			var x = e.pageX  - this.offsetLeft;
			var y = e.pageY  - this.offsetTop;
 
      		$('#position').html(x +', '+ y);
 
			});
 
		});
		</script>

J'affiche les coordonées de #status avec un label:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<td><label id=#position></label>
</td>

Avec le code ci-dessus j'obtiens bien la position de la souris dans le coantainer mais pas de l'objet lorsque je déplace (sa position finale).


Il emf audrait connaitre la postion car je souahites faire un systeme de cookie ou sgbd pour sauvegarder la postion.

Sauriez-vous m'aider ?

Cordialement,

oulahoup

[oulahoup]

J'ai deja un élement de réponse avec un mousemove:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#containment-wrapper").mousemove(function(e){

Me reste a faire en sorte de ne travailler qu'avec l'objet #draggable0

[oulahoup]

Cela fait un peu monolog

Mais cela peut servir, je vous fait partager le résultat, je n'étais pas loin, il s'agissait de mouseup (il y a aussi l'event mousedown)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
	$("#containment-wrapper").mouseup(function(e){
			var x = e.pageX  - this.offsetLeft;
			var y = e.pageY  - this.offsetTop;
 
      		$('#position').html(x +', '+ y);
 
			});

@+