j'ai trouvé le parametre avec jquery pour dragable qui fais que l'objet reste dedans \o/
<div id="bloc1" style="border
olid 1px black;width:50px;height:50px;">
bloc 1
</div>
<div id="bloc2" style="borderolid 1px black;width:250px;height:250px;">
bloc 2
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#bloc1").draggable({'revert':'invalid', containment:'bloc2', opacity: 0.5});
$("#bloc2").droppable({
drop: function() { alert('dropped'); }
});
});
</script>
edit: seulement pour que mon bloc 1 (si j'en rajoute plusieurs pour mettre plusieurs blocs dans le second bloc) sort de la case pour aller dans l'autre, et reviens, il ne sera pas classé. J'ai tenté de mettre un sortable, mais ça ne classe pas si l'objet sort, j'ai cherché des evenements mais je ne trouve pas celui qui permet de reclasser quand on objet rentre
<div id="bloc1" style="border
olid 1px black;width:50px;height:50px;">bloc 1
</div>
<div id="bloc2" style="border
olid 1px black;width:250px;height:250px;">bloc 2
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#bloc1").draggable({'revert':'invalid', containment:'bloc2', opacity: 0.5});
$("#bloc2").droppable({
drop: function() { alert('dropped'); }
});
});
</script>
edit: seulement pour que mon bloc 1 (si j'en rajoute plusieurs pour mettre plusieurs blocs dans le second bloc) sort de la case pour aller dans l'autre, et reviens, il ne sera pas classé. J'ai tenté de mettre un sortable, mais ça ne classe pas si l'objet sort, j'ai cherché des evenements mais je ne trouve pas celui qui permet de reclasser quand on objet rentre