Discussion :

[3logy]

bonsoir a tous!!

j'ai une structure ressemblant a la suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 <div id = "contentHolder">
     <div id = "centerContent">
          <div id = "todos">
                  <ul><li>drag</li></ul>
          </div>
     </div>
 </div>

voici le code css :

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
 
#contentHolder{
    display: block;
    background-color:#EEEEEE;
    border:2px solid #FFFFFF;
    height:600px;
    margin:10px;
    color:#444444;
    padding:15px;
}
 
#tabContent{
   display: block;
	background-color:#333;
	border:1px solid #444;
	margin-top:-15px;
   float:left;
   width:700px;
   min-height: 600px;
   padding:10px;
   overflow: auto;
}

alors en experimentant avec la bibliotheque jquery ui j'ai fait une remarque :

lorsque je fais :
-

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#contenHolder").draggable();

ou bien
-

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#centerContent").draggable();

je parviens a deplacer les divs!!

mais lorsque j'essaye :
-

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#todos").draggable();

eh bien ca ne marche pas!
Quelqu'un peut m'expliquer pourquoi?