Bonjour,

J'ai un code comme ceci:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
 
<SCRIPT>
    $(function() {
	html = '';
	html += '<div class="portlet"  '; //id="'+data[i].id+'"
	html += 'name="stat.CFA">';
	html += '<div class="portlet-header">CC555</div>';
	html += '<div id = "cc44" class="portlet-content"></div>';
	html += '</div>';
	document.getElementById(1).innerHTML += html;
	ProdViewer("cc44","CC555");
		html = '';
	html += '<div class="portlet"  '; //id="'+data[i].id+'"
	html += 'name="stat.CFA">';
	html += '<div class="portlet-header">CC556_1</div>';
	html += '<div id = "cc443" class="portlet-content"></div>';
	html += '</div>';
	document.getElementById(1).innerHTML += html;
	//ProdViewer("cc44","CC555");
	ProdViewer("cc443","CC556_1")
    $( ".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>
<div class="column" id="1">
    <div class="portlet" name="stat.CFA">
           <div class="portlet-header">Feeds</div>
           <div id="cc44" class="portlet-content"></div>
    </div>
 
    <div class="portlet" name="stat.CFA1">
           <div class="portlet-header">Feeds</div>
           <div id="cc443" class="portlet-content"></div>
     </div>
</div>
 
<div class="column" id="2">
   <div class="portlet" name="stat.CFA">
           <div class="portlet-header">Feeds</div>
           <div id="cc45" class="portlet-content"></div>
    </div>
 
</div>
Mon problème est qu'avec ce système c'est que l'on peut cliquer n'importe ou dans le DIV class portlet, pour le déplacer. Mais j'aimerais limiter a la zone class portlet-header...

Comment je peux faire?

Merci

Clecle