[JQuery]Drag-and-dropp - Forum PHP.pl

[JQuery]Drag-and-dropp

e-konrad Zobacz profil	12.02.2016, 19:38:05 Post #1
Grupa: Zarejestrowani Postów: 49 Pomógł: 0 Dołączył: 11.12.2008 Ostrzeżenie: (0%)	Witam wszystkich staram się napisać funkcjonalność w której jeden div jest kontenerem na którym upuszczam div (Component) które znajdują się poza kontenerem. Samo przeciąganie i upuszczanie nie stanowi problemu tylko co w przypadku gdy muszę zdefiniować dużo divów Component? Drugie pytanie, w jaki sposób po upuszczeniu diva Component na div kontener mogę wyświetlić np. alertem tekst który znajduje się w divie upuszczanym? [HTML] pobierz, plaintext <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> <style type="text/css"> #GridDiv { width: 200px; height: 200px; background-color: #F00; } #Component1 { width: 200px; height: 25px; background-color: #0FF; } #Component2 { width: 200px; height: 25px; background-color: green; } </style> <script type='text/javascript'>//<![CDATA[ $(function(){ $( "#Component1" ).draggable(); $( "#Component2" ).draggable(); $( "#GridDiv" ).droppable({ accept: "#Component1, #Component2", drop: function( event, ui ) { var droppable = $(this); var draggable = ui.draggable; // Move draggable into droppable draggable.appendTo(droppable); draggable.css({top: '0px', left: '0px'}); } }); });//]]> </script> </head> <body> <div id="GridDiv"></div> <div id="Component1">obiekt1</div> <div id="Component2">obiekt2</div> </body> </html> [HTML] pobierz, plaintext