Drag and drop en varias areas

[X_fran]

Estás haciendo "droppable" a elementos dentro de la página que tienen el mismo id, cambia y hazlo por una clase y no por su id.

en relación a la solicitud, pues como mismo haces una iteración pintando elementos dede php, pudieras desde el javascript hacer una iteración por todos los elementos que quieres sean droppables o dragables si asi fuera el caso, y le asignas la funcionalidad o el evento:

Código PHP:

<?php
while( $row2 = mysqli_fetch_array( $res2 ) ) 
        {                       
?>
            
            
            <img id="<?php echo $row2["id"];?>" class="droppables" src="imagenes/frutas/<?php echo $row2["nombre"]; ?>.png" width="50" height="50">         
                            
<?php
        
        }
                    
?>
 

Código Javascript:

$(".droppables").each(i){
     var id = $(this).prop("id"); // asi tienes el id del elemento en cuestion para si lo necesitas enviar al servidor via ajax, imagino te haga falta
     $(this).droppable({
        ......
     });
};
 

muy similar a este, pero con los elementos draggables y todos los comportameintos que necesites asignarle a tus div