Nevermind... I used .get(0) instead of .html() to retrieve the div
itself.
On Aug 1, 10:23 am, Miket3 <mik...@optonline.net> wrote:
> 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 jquery-ui@googlegroups.com
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
