Here's an example you can easily modify:

<table border="1" cellpadding="5">
                <td valign="top">
                        <ul id='fList'>
                <td valign="top">
                        <div id='fish' class='meat'>Fish</div>
                        <div id='chicken' class='meat'>Chicken</div>

<script type="text/javascript">
Sortable.create("fList", {constraint:false})
new Draggable('fish',{revert:true})
new Draggable('chicken',{revert:true})

function placeFood(dragName,dropName) {
        $("fList").insert(new Element("li", { id: $(dragName).id+"_" }))
        $($(dragName).id+"_").innerHTML = $(dragName).innerHTML
        Sortable.create("fList", {constraint:false})


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 &" group.
To post to this group, send email to
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at

Reply via email to