Newbie: very basic jquery drag drop

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Can anyone point me to a tutorial that might help me understand using
jquery for drag/drop operations. I am trying to implement drag-drop on
a table at the simplest level, but am somehow failing to understand
most of what my Googling has revealed, and most sample show very
advanced techniques.

I have a table, say 3 x 3, (9 cells with divs in each td). Say, 4 of
the cells have numbers in them (1, 2, 3, 4). I want to drag any cell
with a number in it, to any 'empty' cell, i.e; if the dragged cell is
dropped on an occupied cell, the drag-drop operation gets cancelled

Every example I see seems to talk about moving rows and columns and
doesn't reveal any checking before the drop is completed.

As a newbie to jquery, I hoped to find a very basic example using
perhaps just one table, showing how you can select any 'occupied'
cell, and drag it to any 'unoccupied' cell - but no such luck. Most
examples seem to 'physically' move objects like images and table rows,
but I don'r really need to move anything, i.e; if can simply kill the
source cell content and update the target cell content in a successful
'drop' function.

Any advice or sample code will be greatly appreciated.

Many thanks in advance


Re: Newbie: very basic jquery drag drop

On 9/1/2011 10:32 PM, Ken Ashton wrote:
Quoted text here. Click to load it

jquery is not PHP.  Try a javascript newsgroup.

Remove the "x" from my email address
Jerry Stuckle
JDS Computer Training Corp.

Re: Newbie: very basic jquery drag drop

On Thu, 01 Sep 2011 19:32:22 -0700, Ken Ashton wrote:

Quoted text here. Click to load it

Searched for jquery in the php documentation and couldn't find the bterm.
Are you sure this is a php feature?


Denis McMahon

Re: Newbie: very basic jquery drag drop

Thanks guys

Sorry Jerry, I posted in PHP group because people here are so
knowledgeable, the few Javascript groups are full of spam and not on
my news server.

Thank you for replying.

Site Timeline