/    Sign up×
Community /Pin to ProfileBookmark

AJAX Drag and Drop

Copy linkTweet thisAlerts:
Feb 13.2009

Hi,

I am in need of an having a dynamic interface interconnected with mysql.

Actually it is for an application of assigning tasks to employees.

One employee may have 0 to many assignments. Now managers need a system that allows to assign priorities for each. I think a drag and drop interface will be ideal for this.

I came across with following example, that may need much more customization.

[URL=”http://www.dhtmlgoodies.com/scripts/arrange-nodes/arrange-nodes-d2.html”]http://www.dhtmlgoodies.com/scripts/arrange-nodes/arrange-nodes-d2.html[/URL]

If you are aware of a more better (free) other solution please let me know.

Thanks and Best Regards

to post a comment
PHP

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@MindzaiFeb 13.2009 — I personally use jQuery + jQueryUI to do this sort of thing since you can do the dragging, dropping and ajax all with the same framework.
Copy linkTweet thisAlerts:
@ScottPrelewiczFeb 13.2009 — jQuery is a good framework, but I should mention that script.aculo.us also does Drag, Drop and AJAX calls, (with built in call backs and AJAX.Request object)
Copy linkTweet thisAlerts:
@MindzaiFeb 13.2009 — Thanks for the info, I didn't realise it did more than effects. I'll have to have a play with it.
Copy linkTweet thisAlerts:
@GUIRauthorFeb 14.2009 — Hi,

Thanks for useful information provided from you. I ll work on them.

Since my requirement is assigning priorities, think using above it is possible to have a grid with assigned priority level, so when a component (this case an assignment) drags in to a grid cell, serial number of grid cell becomes priority of dragged & dropped assignment.,

Best Regards
Copy linkTweet thisAlerts:
@MindzaiFeb 14.2009 — Yes thats definitely easy enough to do. I'd just have php draw the grid assigning the priority value to the id attribute of each 'cell'. jQuery (and I imagine scriptaculous) can the read the ids of each cell whenever something is moved and can send the info to a php script for saving in the db.
×

Success!

Help @GUIR spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...