Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/09/2018, 01:01
bienpiyao
 
Fecha de Ingreso: agosto-2009
Mensajes: 216
Antigüedad: 15 años, 3 meses
Puntos: 3
Respuesta: Drag and drop en varias areas

Cita:
Iniciado por X_fran Ver Mensaje
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:
Ver original
  1. <?php
  2. while( $row2 = mysqli_fetch_array( $res2 ) )
  3.         {                      
  4. ?>
  5.            
  6.            
  7.             <img id="<?php echo $row2["id"];?>" class="droppables" src="imagenes/frutas/<?php echo $row2["nombre"]; ?>.png" width="50" height="50">        
  8.                            
  9. <?php
  10.        
  11.         }
  12.                    
  13. ?>


Código Javascript:
Ver original
  1. $(".droppables").each(i){
  2.      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
  3.      $(this).droppable({
  4.         ......
  5.      });
  6. };


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

En primer lugar, muchísimas gracias por tomarte la molestia de ayudarme...¡Gracias!

No soy nada ducho con jQuery como habrás podido comprobar. No sé muy bien cómo tengo que añadir la parte de jQuery a mi código :(. Me puedes ayudar, por favor.

Gracias por anticipado y perdona las molestias.