Bonsoir a tous je donne le code et vous explique le problème après.
Le html du code donne ça .
Le soucis c'est que quand je drop sur l'id 00 sa me renvoie bien 00, et si je drop sur l'id 01 eh bien ca me renvoie 00 , puis si je drop sur l'id 02 ça me renvoie 01 et ainsi entraine un décalage tout le temps
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <div id="00" class="tuille ui-droppable" style="left:0px; top:0px;"></div> <div id="01" class="tuille ui-droppable" style="left:45.5px; top:23px;"></div> <div id="02" class="tuille ui-droppable" style="left:91px; top:46px;"></div> <div id="03" class="tuille ui-droppable" style="left:136.5px; top:69px;"></div> <div id="04" class="tuille ui-droppable" style="left:182px; top:92px;"></div> <div id="05" class="tuille ui-droppable" style="left:227.5px; top:115px;"></div> <div id="06" class="tuille ui-droppable" style="left:273px; top:138px;"></div> <div id="07" class="tuille ui-droppable" style="left:318.5px; top:161px;"></div> <div id="08" class="tuille ui-droppable" style="left:364px; top:184px;"></div>
Voila je comprend pas d'ou viens ce décalage merci de votre aide
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 $( ".tuille" ).droppable({ drop: function( event, ui ) { var id =($(this).attr('id')); alert(id); var left =parseInt($(this).css('left'))+55; var top = parseInt($(this).css('top'))+5; ui.draggable.appendTo( "#pp3diso-clicks" ) .css({ left: left, top:top }) } });
Partager