Drag. Drop Lock.

Drag Drop Lock is a MooTools example on how to create a user interface where you can drag a box and drop+lock it inside another box.

Drag. Drop Lock. image

This could be useful when creating a sortable image gallery, mini-games or any other interface where the user can organize things. The script has some limitations, but it's great as a start for creating your own interface for your web application.

The article also explaines the included HTML and CSS source code.

Download Drag. Drop Lock.

Demo | Home page | Documentation

Related categories:

Comments? Need help with a component? Use our forums for further discussions.

Posted on the 13th of May at 11:03 am

From the blog RSS

Form validation with jQuery from scratch
3rd of July at 3:26 pm
Full Screen Image Gallery Using jQuery and Flickr
25th of February at 8:49 pm
Stylegala Reborn
30th of January at 7:30 pm
Hello?
24th of September at 8:00 pm
Design Inspiration: European Graphic Design from 1950-1970
30th of May at 5:08 pm
Parsing Strings With jQuery
28th of May at 12:21 pm
Modalpreview - Preview Your Comment in a Modal Window
19th of May at 8:32 pm
Milestone 01 - 70+ High-End Components for Web Designers and Developers
13th of May at 9:52 pm
Tripoli Beta
8th of May at 7:08 pm
The Visual Active State: Popular Techniques and Examples
2nd of May at 7:34 pm

DevKick News RSS

Image Spark
 18th of February at 8:14 am
Pattern Tap : Collections
 13th of February at 12:03 am
Bombia Design | Portfolio
 9th of February at 7:43 pm
Designers Toolbox: Web Safe Area
 8th of February at 5:03 pm
I would like to be a Pony
 3rd of February at 8:31 am
Josef Müller-Brockmann
 3rd of February at 8:06 am
Thinking for a Living?
 26th of January at 4:05 pm
Warrick - Recover Your Lost Website
 26th of January at 3:17 pm
Alexandros Vasmoulakis
 20th of January at 10:33 am
SEOmoz | How to Convince a Client They Don't Need a Splash Page
 16th of January at 7:27 am

From the lab