Discussion :

[mosted]

Bonjour !

Alors je vous explique,

J'ai une toolbox à déplacer avec la fonction dragguable de Jquery.

Tout fonctionne niquel, mais j'aimerais maintenant faire en sorte que ce soit une petite partie de la toolbox qui soit cliquable et qui permet de bouger ma boite.

Voici le code :

Code :

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

1
2
3
4
5
6
7
8
 
				<ul id="outil" style="left:829px;top:216px;">
					<li class="move">move</li>
					<li class="outil_1"><a href="#">Command1</a></li>
					<li class="outil_2"><a href="#">Command2</a></li>
					<li class="outil_3"><a href="#">Commande3</a></li>
					<li class="outil_chat" id="chat_button"><a href="#" onclick="return false;" class="current"><span id="chat_button">Chat</span></a></li>
			   </ul>

Et mon code jquery pour rendre dragguable :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 $(document).ready(function() {
				$("#outil").draggable(
					{
						drag: function(event, ui) {
							$("#outil").css("opacity", "0.6");
						},
						stop: function(event, ui) {
								var left = $(this).css("left");
								var top = $(this).css("top");
								saveCoords($id_m,left,top);
							$("#outil").css("opacity", "1.0");
						},
 
						cursor: "move"
					}
				);
 
			  });

Comment faire en sorte que ce soit l'attribue "move" qui soit la commande dragguable ?

[llaffont]

Tu veux faire un 'handle' sur ton DIV ?

Si c'est ça la réponse est là : http://jqueryui.com/demos/draggable