tonymx227,
il y a 11 ans
Rien de plus simple avec HTML5 et son DrangAndDrop.
Lien (JS pure) : http://www.html5rocks.com/en/tutorials/dnd/basics/?redirect_from_locale=fr
Un exemple (jQuery) à compléter que je viens de faire :
HTML :
<div class="models">
<div draggable="true" class="models-model isdraggable">Model1</div>
<div draggable="true" class="models-model isdraggable">Model2</div>
<div draggable="true" class="models-model isdraggable">Model3</div>
</div>
<div class="diapos">
<div draggable="true" class="diapos-diapo isdraggable">diapo1</div>
<div draggable="true" class="diapos-diapo isdraggable">diapo2</div>
<div draggable="true" class="diapos-diapo isdraggable">diapo3</div>
</div>JS :
$('div.isdraggable').on('dragstart', function(){
}).on('drag', function(){
}).on('dragenter', function(){
}).on('dragleave', function(){
}).on('dragover', function(){
}).on('drop', function(){
}).on('dragend', function(){
});