Drag-and-Drop Shopping Cart with jQuery UI

35002 Users read it.
by Richard Worth

"Few lines of code to make a richly interactive shopping cart that is functional and fun to use"

NOTE: This article was written in Jan. 2008 based on jQuery UI v1.0. This version (and two later than it) are no longer supported. It is recommended the reader find content that is based on the latest version of jQuery UI 1.7.

In this article, I`ll introduce jQuery UI Drag-and-Drop and show you how with just a few lines of code, you can make a richly interactive shopping cart that is functional and fun to use. To get right into it, I'm going to assume that you're at least familiar with jQuery (the base of jQuery UI). You should have a working (latest) copy of jQuery installed and be comfortable with the jQuery syntax and basic selectors.

User Rating (1 vote)
5 reviews available | Read the reviews »
For multiple purchases and discounts contact us
$3.39 USD

User Level:Beginner
Technologies:JavaScript, Ajax
Number Of Pages:7

Richard Worth

Richard WorthRichard Worth lives in the Washington, DC metro area. He works as a web programmer with a passion for simple and intuitive user interfaces. Richard is also a jQuery UI contributor.

See All Postings From Richard Worth >>

User Reviews

Total of 5 reviews
Sorry the article was out of date
Written by Richard Worth on January 7, 2010

I'm the original author, and I want to apologize for the article being out of date. I wrote it 2 years ago, and didn't realize it was still being published with no way of knowing when it was written. I've updated the description to correct this.

hmm yeah
Written by Aaron Jay on January 7, 2010

Yeah wish I had read the reviews before purchasing this, it actually doesn't work at all. Sample code pages supplied with this would be appropriate as well.

This example is only partially working
Written by Eugene van der Merwe on August 18, 2009

I got this example partially working by doing two things: 1. Instead of using the includes mentioned, I used:<script type='text/javascript' src='/js/jquery/ui.core.js'></script> <script type='text/javascript' ...

No - this is not working
Written by Andreas Neuber on June 25, 2009

not going
Written by jason Sum on March 2, 2009

Hi this tutorial don't seem to work at all.I just got it and follow every little step but no luck,, what version of jquery ui is this tutorial base on?

Follow us on twitter Subscribe to our RSS feed
Activate your free membership today | Login | Currency