Dragguable DIV sur un button

[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 :

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 :

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