Définition zone d'un élément sortable
Bonjour,
J'ai un code comme ceci:
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
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
