[jQuery] Draggable table rows
Hi all,
I use the draggable plugin from http://interface.eyecon.ro/
I would like to be able to drag table rows to a trashbin icon that is located
just outside the table.
I have a small table with a layout similar to the following:
<table>
<tr id="item_1">
<td>
<div id="drag_1" class="draggable">
Name 1
</div>
</td>
<td>
<div id="drag_1" class="draggable">
<img src="icon1">
</div>
</td>
<td>
<div id="drag_1" class="draggable">
Description 1
</div>
</td>
</tr>
<tr id="item_2">
<td>
<div id="drag_2" class="draggable">
Name 2
</div>
</td>
<td>
<div id="drag_2" class="draggable">
<img src="icon2">
</div>
</td>
<td>
<div id="drag_2" class="draggable">
Description 2
</div>
</td>
</tr>
</table>
So far so good, I can drag each td item, drop it on the trashbin and after a
zebra recalculation, the table looks good again.
My problem is that, from a user point of view, it is not very clear what
exactly is being dropped. You can drag the icon, a part of the text (i.e.
name or description), but I would like to make clear that you are dragging
the whole table row.
Anyone already done this? Any input on how to do this best?
Barry
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/