Deplacer des dossiers pour les réorganiser avec JQuery

Bonjour à tous,

Je suis actuellement en train de réaliser un gestionnaire de dossiers et des fichiers qui s'affiche via PHP mais que je gère avec jQuery.

Mais j'ai un problème avec la fonction storable, car je n'arrive pas à faire ce que je souhaite. Je fais part des quelques codes :

<dt>
	<dt><img src="/Media/images/system/directory-open.png" alt="directory" width="16" height="16" /><span>Media</span></dt>
	<dd>
		<dl>
			<dt><img src="/Media/images/system/directory-open.png" alt="directory" width="16" height="16" /><span>images</span></dt>
			<dd>
				<dl>
					<dt><img src="/Media/images/system/directory-open.png" alt="directory" width="16" height="16" /><span>system</span></dt>
					<dd>
						<ul>
							<li><span>directory-closed.png</span></li>
							<li><span>directory-open.png</span></li>
							<li><span>loader.gif</span></li>
						</ul>
					</dd>
				</dl>
			</dd>
		</dl>
		<dl>
			<dt><img src="/Media/images/system/directory-open.png" alt="directory" width="16" height="16" /><span>video</span></dt>
			<dd>
				<dl>
					<dt><img src="/Media/images/system/directory-open.png" alt="directory" width="16" height="16" /><span>test</span></dt>
					<dd>
						<ul>
							<li><span>IMG_4708.JPG</span></li>
							<li><span>momo.png</span></li>
						</ul>
					</dd>
				</dl>
				<ul>
					<li><span>ascii.png</span></li>
				</ul>
			</dd>
		</dl>
	</dd>
</dl>

Voici une capture d'image pour que cela vous parle plus :


Ce que j'aimerais essayer de faire c'est de pouvoir déplacer un dossier ainsi que son contenu dans un autre dossier de l'arborescence. J'ai fait ce bout de code qui pour le moment n'aboutit à rien pour le moment car je ne suis pas un expert JQuery:

		$('#folders dl').sortable({
			accept:"dl",
			revert: true,
    		forcePlaceholderSize: true,
			handle: "dt",
			connectWith:'dd',
		});

Ce que j'essaye de faire, c'est qu'un dossier est représenté pat une balise DL avec ses sous éléments. Dont les éléments DD regroupent d'autres éléments UL et LI pour les fichiers et d'autres DL pour d'autres dossiers, etc ... Donc le dossier englobé par l'élément DL, j'essaye de le déplacer dans un autre élément, mais cette fois-ci DD soit parent ou dans DD parallèle.

Avec déjà fait cela ? Pouvez-vous m'aider ? Ou avez vous un exemple sur la même structure XHTML que moi ?

Je vous remercie beaucoup d'avance.

Bien cordialement
Modifié par nickleus (14 Oct 2009 - 08:51)