Sorry for the noob question... But in my 1st attempt to drag and
drop, I am trying to bring ANY draggable div along for the ride. and
have it be dropped into ANY droppable div. And I want to be able to
drag and drop it multiple times. I also have a problem with the helper
set to 'original', it acts like it is resizing an object as it is
dragging the object. The overall result works correctly but is
confusing during the dragging. I like the effect that clone helper has
but then I would need to remove original drag div at the end of drop.
so when I set helper to clone how do i get original drag div tag to
come along for the ride?
thanks. I have done a ton of looking at examples and will continue to
do so.
here is my code:
<style>
.drop-active {
outline: 4px dotted black;
background-color: #000000;
}
.drop-hover {
outline: 4px dotted black;
background-color: #FF0000;
}
</style>
$('.draggable').draggable({ helper: 'original' });
$('.droppable').droppable({ accept: '.draggable',
activeClass : "drop-active",
hoverClass : "drop-hover",
drop: function(event,ui) { $(this).append($
(ui.draggable).html());}
});
echo '<table border="1" id="reg-member-table">';
echo '<tr>';
echo '<td><div class="droppable"><div id="xdraggable"
class="draggable ui-widget-content"><p>Drag me around</p></div></div></
td>';
echo '<tr>';
echo '<tr>';
echo '<td><div class="droppable">drop here</div></td>';
echo '<tr>';
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
