Modalbox et sortable

Salut à tous! :-)
J'ai un petit soucis: j'ai tenté de mettre un objet sortable (scriptaculous) dans un modalbox. Le problème est que ma liste n'est pas sortable: je ne peux modifier l'ordre des éléments alors que la même liste dans un div statique fonctionne bien...

Une idée?

Merci bcp!!

Code HTM:

Code:

1
2
3
4
5
6
7
8
9
10
 
<div id="divCritSort" style="display: none;">
	<p style="color: #F00;" id="divCritSortError"></p>
 
    <div id="dropBox" >
         <ul id="dropBoxUL" style="width: 250px;">
            <li class="fixed">Métiers</li>
        </ul>
    </div>
</div>

Code JS:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
function criteresSort( )
{
	// requete AJAX
	new Ajax.Request( 'resources/AJAX/critere_get.php?operation=all',
	{
		method : 'get',
		onSuccess: function( transport ){
		  var response = transport.responseXML;
		  var error = response.getElementsByTagName( 'error' );
		  if( error.length ) // si erreur
		  {
			  displayError( error[ 0 ].firstChild.data );
			  return;
		  }
 
		  // ici, on va attaquer
		  Modalbox.show( $('divCritSort'), { title: 'Trier les criteres', width: 450 } );
		  var items = response.getElementsByTagName( 'item' );
		  for( var i = 0; i < items.length; i++ )
		  {
				var li = Builder.node( 'li', { height: '20px', className:'sortable', id: 'sort_' + items[ i ].getElementsByTagName( 'id' ).item( 0 ).firstChild.data }, [ Builder.node( 'span' , { }, items[ i ].getElementsByTagName( 'libelle' ).item( 0 ).firstChild.data ) ] );
 
				$('dropBoxUL').appendChild( li  );
		  }
 
		  /*
		  Modalbox.resizeToInclude( 'dropBoxUL', { afterResize: function( ) {
				new Effect.Appear( 'dropBoxUL' );
			} } );
		  Sortable.create( 'dropBoxUL' );*/
	},
	onFailure: function( ) { displayError( 'Erreur lors de la récupération des données.<br />&nbsp;' ); }
	} );
 
}