Here's an example you can easily modify:
<table border="1" cellpadding="5">
<tr>
<td valign="top">
<ul id='fList'>
<li>Apples</li>
<li>Grapes</li>
<li>Strawberries</li>
</ul>
</td>
<td valign="top">
<div id='fish' class='meat'>Fish</div>
<div id='chicken' class='meat'>Chicken</div>
</td>
</tr>
</table>
<script type="text/javascript">
Sortable.create("fList", {constraint:false})
new Draggable('fish',{revert:true})
new Draggable('chicken',{revert:true})
Droppables.add('fList',
{accept:'meat',onDrop:function(dragName,dropName)
{placeFood(dragName,dropName)}})
function placeFood(dragName,dropName) {
$("fList").insert(new Element("li", { id: $(dragName).id+"_" }))
$($(dragName).id+"_").innerHTML = $(dragName).innerHTML
Sortable.destroy("fList")
Sortable.create("fList", {constraint:false})
}
</script>
On Sep 11, 10:46 am, mskrodzki <[EMAIL PROTECTED]> wrote:
> I have a asp page that displays the results of a DB query in a table.
> There are certain parts of the table that I have successfully made
> into draggable elements. The purpose of this table is to act like a
> status display for vehicles. The top of the table shows the status
> names and the left of the table shows each vehicle from the query.
> Within the body of the table, each vehicle will have its current
> status displayed in the appropriate status column with a colored box
> and the vehicle number. Each box is draggable only in the horizontal
> direction and has a snap set to each column position. When a user
> viewing that page drags a vehicle from one status to another, I need
> the status of the dragged element to be changed to its new status
> depending on which column it was dropped into. Then that page is to be
> refeshed showing the new and updated statuses. This has been quite a
> challenge for me to figure out...and unfortunately without much
> success. Any help would be greatly appreciated!
>
> Mark
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" 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/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
