10 Plugins & Tutorials on ‘How To Use Ajax Drag & Drop’

1. Ajax Tutorial: Drag & Drop

If you’re into Web Development, chances are you’ve used Ajax on a few occasions. For those of you who haven’t heard about this exciting and relatively new technology, let me give you a quick low down.

Ajax is all the rage in Web application Development. It is such an exciting technology that it’s already found use in Google’s most popular applications, such as Gmail and Google Maps. What’s it all about? To put it in simple terms: it’s mainly a combination of JavaScript, HTML, XML and Document Object Model (DOM)… with a twist. You see, with conventional JavaScript when you fetch and send information to the server, you need to wait for a response before the user can do anything on the Webpage. Once the browser receives this information, the webpage will blink a few times and refresh.

2. Drag and Drop with AJAX Example

At my work it’s quite clear to me that a lot of people have difficulty with both AJAX and drag and drop functionality. In this article, I thought I would provide a realistic and simplistic example of how to accomplish both AJAX and drag and drop together. By the end of this article you will be able to create an extremely slick content management system that works really smoothly. The first thing we need to do is create, what I like to call, a “List page”. This page will list our data, in the example below it will list articles and allow you to edit or delete them.

3. Drag-Drop in ASP.NET AJAX

One of the most interesting characteristics of ASP.NET AJAX is that the client half (the Microsoft AJAX Library) is full of features not exposed by the server half (the ASP.NET 2.0 AJAX Extensions). A case in point is drag-drop. The DragOverlayExtender control in the ASP.NET AJAX Futures CTP makes it extremely easy to convert static HTML elements into floating elements. However, DragOverlayExtender is next to useless in the real world, because it offers no control over when and where drops occur or other essential drag-drop semantics.

4. Ajax Web Parts – Drag and Drop

At present, due to the evolving nature of the subject, there are a large number of different versions of ASP.NET and its related components. These components can appear in releases with titles such as “futures”, “extensions” and “Community Technology Previews (CTPs)”. As a result, one of the major challenges when working with ASP.NET is finding the appropriate set of components to use – each release appears to have its own unique fixes and quirks and, consequently, it can be difficult to find the correct combination to achieve the desired results. Hopefully ASP.NET 4.0 will fix all the bugs and tie everything together!

5.  Dynamic Drag’n Drop With jQuery And PHP

Dynamic Drag’n Drop With jQuery And PHPDrag’n drop generally looks hard-to-apply but it is definitely not by using JavaScript frameworks. Here is, how it is done by using jQuery & jQuery UI

6. Drag and Drop

In this lesson of the Ajax tutorial, you will learn: How to write JavaScript code to drag and drop an element.
How to use the script.aculo.us library to create sophisticated drag-and-drop applications.

7. Drag-and-Drop Shopping Cart with AJAX

Keeping up with the latest Web technologies is tough nowadays. Every week it seems new sites are launched that push the envelope further and further in terms of what can be accomplished using just a Web browser.

The rise of AJAX over the past several months has taken over the development world and breathed new life into the Web. Although these techniques have been possible for many years now, the maturity of Web standards like XHTML and CSS now make it a viable alternative that will be viewable by all but the oldest browsers. It’s also been possible to accomplish many of the same things using Flex or Flash, but the development cycle with those applications is typically more involved and the overhead often not justified.

8. Creating Sortable Lists With PHP And Ajax

You might have been in a situation before where you had a list of items in your database that needed to be output in a specific order. These items could be anything: perhaps a listing of your favourite movies or your favourite books. For whatever reason, you want them ordered in a custom way that can’t be determined automatically (such as alphabetical).

This article covers the implementation of a system that lets you easily define the order of such a list.

9. Drag & Drop with PHP & jQuery

The ability to drag and drop content on a page and have it save the order can make for a great user interface and is actually relatively easy to execute with a few lines of jQuery. You’ll need to include the jQuery user interface library which you can find here: Jquery Google API. All the files needed to get this up and running are in the download at the bottom of this post.

10. Drag and Drop made easy with Ajax and PHP (VIDEO Tutorial)

This tutorial will walk you through setting up a drag and drop script using Ajax and PHP

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.