Discussion :

[hihi30]

Bonjour a tous
j'essaye de faire le drag and drop avec le script aculous et j'y arrive pas,
en faites j'arrrive a deplacer l'objet, mais pour le mettre dans la bonne <div> ca marche pas
j'ai 3 <div> avec chacune un id (indica, listeconditions, listedimindic) et si je veux deplacer un objet de indica et le mettre dans listeconditions, je deplace l'objet mais quand je le lache dans listeconditions (il le place pas dans listeconditions) il le deplace à l'interieur de indica
comment faire SVP
code html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<td align="left" valign="top"><div style="width:300px;height:452px;overflow:auto; border: solid #CCCCCC 2px;" id="indica"></div></td>	
 
 
<td>
	<table border="0" cellpadding="0" cellspacing="0"   align="right" style="border: solid black 0px;">
		<tr >
			<td height="100px" width="600px" style="border: solid #CCCCCC 2px;" >
				<div  id="listeConditions" style="overflow: auto;"> 
				</div>
 
			</td>
		</tr>

code js

Code :

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

1
2
3
4
 
new Draggable($(structure.id), {ghosting: true, scroll: 'listeDimInd', scroll: 'listeConditions'});
 
		Droppables.add($('listeConditions'));

[gwyohm]

il faut que tu gères l'ajout...

Code :

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

1
2
3
4
5
6
 
Droppables.add($('listeConditions'), {
  onDrop:function(drag, drop, e) {
    $('listeConditions').insert( {bottom: drag.element} );
  }
});