Member Avatar for g_j_evans

Does anyone know of an AJAX script with this kind of drag 'n' drop functionality:

http://bit.ly/atE420

The software in the video is called CODA (a Mac application for developers). I was wondering if something like this has been done in AJAX.

Thanks

  • 2 Contributors
  • 1 Reply
  • 126 Views
  • 10 Hours Discussion Span
  • Latest Post Latest Post by digital-ether
Member Avatar for digital-ether

Does anyone know of an AJAX script with this kind of drag 'n' drop functionality:

http://bit.ly/atE420

The software in the video is called CODA (a Mac application for developers). I was wondering if something like this has been done in AJAX.

Thanks

You can build such functionality with popular JavaScript libraries such as jQuery or MooTools.

jQuery UI has a draggable method.
http://jqueryui.com/demos/draggable/

A simple example:

$( ".css-selector" ).draggable({
   stop: function(event, ui) { /* your code */ }
});

That would make the element(s) selected by the CSS selector ".css-selector" draggable and listen to the stop event.

MooTools as a Drag extension. You can choose to include it with your custom build of mootools library:
http://mootools.net/more

An example of using it: http://www.consideropen.com/blog/2008/08/30-days-of-mootools-12-tutorials-day-12-drag-and-drop-using-dragmove/

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.