Witam...
Mam pewien problem potrzebuję wyświetlić 100 kwadracików (10 x 10) i do tego parę obiektów które będzie trzeba przeciągać a one będą zajmować kwadraciki. Jeden obiekt może zajmować kilka kwadracików. Próbowałem to zrobić za pomocą Jquery ale obiekt o wymiarach 2 kwadratów zaznacza tylko 1 kwadrat. I aby po przeciągnięciu obiektu na kwadraciki, obiekt się wyśrodkowywał w nich. Na końcu potrzebuję zwrócić jakie kwadraciki zajął dany obiekt.

Szukałem w manualu pomocy i znalazłem "greedy: true" ale zaznacza on kilka kwadracików jak są one w postaci:
[HTML] pobierz, plaintext 
  1. <div class="k" id="k1">
  2.     <div class="k" id="k2">
  3.           <div class="k" id="k3"> </div>
  4.      </div>
  5. </div>
[HTML] pobierz, plaintext

a ja mam div-y obok siebie.

Wygląda to tak: Link

Kod:
[HTML] pobierz, plaintext 
  1. <script>
  2. $(function(){
  3. 	$( ".pole_2x1" ).draggable({ revert: "invalid" });
  4. 	$( ".pole_3x1" ).draggable({ revert: "invalid" });
  5.  
  6. 	$( "#k1, #k2, #k3, #k4, #k5, #k6" ).droppable({
  7.             activeClass: "ui-state-hover",
  8.             hoverClass: "ui-state-active",
  9.             drop: function( event, ui ) {
  10.                 $( this )
  11.                     .addClass( "ui-state-highlight" )
  12.                 return false;
  13.             }
  14.         });
  15. });
  16. </script>
  17.  
  18. <body>	
  19. <div id="glowny_kontener">
  20. 	<div class="kwadraty">
  21. 		<div class="k" id="k1"></div>
  22. 		<div class="k" id="k2"></div>
  23. 		<div class="k" id="k3"></div>
  24.  
  25. 		<div class="k" id="k4"></div>
  26. 		<div class="k" id="k5"></div>
  27. 		<div class="k" id="k6"></div>
  28. 	</div>
  29.  
  30. 	<div class="pola">
  31. 		<div class="pole_2x1"></div>
  32. 	</div>
  33. 	<div class="pola">
  34. 		<div class="pole_3x1"></div>
  35. 	</div>
  36. </div>
[HTML] pobierz, plaintext