Drag N Drop (): Magic JavaScript

Move stuff around

Examples

Notes

The data-mjf_dnds_value for each are then saved to the <input> field. You might want that to be a type="hidden" field though.
The data-mjf_dnds_value for each are then saved to the <input> field. You might want that to be a type="hidden" field though.
Remove links are automatically added to each sortable element.
→ These can be disabled by adding data-mjf_dnds_remove="false" to the primary container that contains the data-mjf="drag_n_drop_sort".
By default elements cannot be dragged from one container to another.
→ These can be disabled by adding data-mjf_dnds_set_parent="any" to the primary container that contains the data-mjf="drag_n_drop_sort".

Change Log

Added an option to hide the Remove icon from draggable elements.
Added a prompt when removing draggable elements.
Added a visual clue that a draggable element is being deleted.
Removed draggable elements for the Sorting Boxes with Add (via click) are now added back to their original parent, if they originally had one.
Added an option to allow elements to be dragged to any container.
Added a localization.
Misc code clean up.

Fixed a bug where the <body> tag was being assigned the dnd_grabbed CSS class.

To Do