[Resolu] ]Jquery-ui utilisation de portlet ?

Bonjour,

Je souhaite utilise portlet de jquery ui.

exemple : http://jqueryui.com/demos/sortable/#portlets

Par contre je n'arrive pas à faire que le déplacement soit possible que lorsque l'on sélectionne l’entête de chaque "boite" pour les déplacer.

Quelque sait faire sa ?

Merci de votre aide.

Voici le code exemple que j'utilise :

<script>
	$(function() {
		$( ".column" ).sortable({
			connectWith: ".column"
		});

		$( ".portlet" ).addClass( "ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" )
			.find( ".portlet-header" )
				.addClass( "ui-widget-header ui-corner-all" )
				.prepend( "<span class='ui-icon ui-icon-minusthick'></span>")
				.end()
			.find( ".portlet-content" );

		$( ".portlet-header .ui-icon" ).click(function() {
			$( this ).toggleClass( "ui-icon-minusthick" ).toggleClass( "ui-icon-plusthick" );
			$( this ).parents( ".portlet:first" ).find( ".portlet-content" ).toggle();
		});

		$( ".column" ).disableSelection();
	});
	</script>

Modifié par cvneo (02 Jul 2011 - 10:25)

Solution :

...
handle: '.portlet-header',
...

et pour pouvoir sélectionner l'interieur du portlet sauf dans le header:

...
$(".portlet-header").disableSelection();
...