Thursday, April 25, 2024
 Popular · Latest · Hot · Upcoming
rated 0 times [  166] [ 7]  / answers: 1 / hits: 41486  / 16 Years ago, wed, february 18, 2009, 12:00:00

I need to be able to move a div with my mouse and store the new pos of the div in database to remember the display. How can I do it?

More From » jquery


I would highly recommend you look into jQuery UI and the draggable interaction. Basically, you'll want to add the code to your draggable div (assuming it has id=draggable):


And, then put your necessary behavior in the stop event. More specifically, you'd do this:

stop: function(event, ui) { ... }

As for the database storing, you could use an AJAX call in the above function, or you could store it in-page, such that some form-send or other action results in the positional information being passed to the server and stored inline with other data. I'd be careful with an AJAX call, since you may bomb your db with position data with every dragging on every browser. Depends on your app...

[#99954] Wednesday, February 11, 2009, 16 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 432
Total Questions: 96
Total Answers: 107

Location: Jordan
Member since Wed, Jun 17, 2020
4 Years ago