Implementing A Draggable/Resortable Stacked List in jQuery

I'm needing to make this layout editor that uses a good bit of jQuery for letting one resort the items on their resume. I envisioned showing a dialog with a graphical representation of the sections, sort of like:

[Details - locked -- immovable]
[Overview -- immovable, but can be hidden or shown again]
----imaginary line where things can not be moved above this---
[Career History -- movable]
[Key Skills -- movable + can be hidden or shown again]
[Education & Qualifications -- movable]
[Personal Interests -- movable + can be hidden or shown again]
---imaginary line where things cannot be moved below this--
[References -- immovable]

When items are moved, they would need to slide into their closest slot.

You wouldn't happen to know an example on the web that is even remotely similar to this, would you?

Answers


jquery.ui.draggable and jquery.ui.sortable comes to mind.

http://docs.jquery.com/UI


Need Your Help

How to bridge to remote gits

git cordova bitbucket

I am new to Git and trying to bridge between BitBucket and PhoneGapBuild. I think the way to do this is checkout from BitBucket then push to PhoneGapBuild. The problem is I have not been able to ge...