Problème drag n drop avec JQurey

Bonjour,

Je suis encore nouveau sur ce forum, alors j'éspère que vous me pardonnerez si je ne poste pas dans la bonne catégorie.

Je souhaite faire un drag n drop avec Ui de JQuery. j'ai donc créer le code HTML suivant :

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="installerForm">
    <tfoot>
      <tr>
        <td colspan="2"><p>Texte supplementaire</p></td>
      </tr>
    </tfoot>
    <tbody>
      <tr>
        <td valign="top" width="50%" id="col-1">
		<?php $this->loadTemplate ( "infos" ) ?>
		<?php $this->loadTemplate ( "docs" ) ?>
        </td>
        <td valign="top" id="col-2">
		<?php $this->loadTemplate ( "update" ) ?>
        </td>
      </tr>
    </tbody>
    </table>

Les : <?php $this->loadTemplate ( "infos" ) ?> correspondent chacun à un tableau de type :

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="adminInfo">
  <thead>
    <tr>
      <th colspan="2">Documentation</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Texte</td>
    </tr>
  </tbody>
</table>

J'ai essayer de faire au plus simple pour vous.

C'est la que JQuery entre en scène.

J'ai créer un fichier JS que j'ai inclus et qui les codes suivant :

$("#installerForm td").sortable({
	handle: "thead",
	revert: true
});

Donc celui-ci fonction, il me permet bien de mettre les "petits tableaux" (donc la classe est adminInfo ) les uns en dessous des autres.

Le problème réside ici

voila le code :

$("#installerForm td").draggable({
	connectToSortable: '#col-1, #col-2',
	revert: 'invalid',
	zIndex: 1000
})

Il ne déplace pas les "petits tableaux" d'une colonne à l'autre (#col-1 et #col-2).

Avez-vous une petite idée ?

j'espère m'être correctement exprimé.
Modifié par nickleus (08 May 2009 - 11:05)

Aller ! je vous la donne la solution

c'est ....

C'est ... :

	$("#installerForm td").sortable({
		connectWith: '#col-1, #col-2'
	});

Et voila !

Bonne journée