Just purchased the article, good stuff. Have one question though – how can I attach prices to each product, and have the cart reflect the total when they are put in the cart?

Thank you. I’m glad you liked the article and that it’s helpful.

Generally, to prevent a link click from following, you add a click handler and either return false or call e.preventDefault(). Here’s an example:

$(“a”).click(function() { return false; //prevent navigation });

Hope that helps.

firstly, thank you for providing this article. I purchased it the other day and everything seems to be going well.

There is one issue, however; I have made the dragable item a link to a non JavaScript page in case a user does not have JS enabled. When I thus try to drag the item back to the list, it opens the URL to the non-js page instead.

How can I drag the item with the class of product (the item that is already inside the basket) back to the list of items without it opening the URL?

Thanks

1. What might be the best way to get the cart data into a db? Should the cart be a form instead of li’s so it’s ready for submission?

2. What might be a way to pre-populate the cart on page load with the results of a form post?

Not necessarily looking for details (unless you’d like to!), just ideas/concepts.

Thx!

In this case, just change
var product = $(ui.draggable.element);
to
var product = $(ui.draggable);
and you should be set.

ui.base.js replaced ui.mouse.js recently, with some other bits. We’re working on getting a 2nd beta out this week, so it’ll match the documentation.

Let me know if there’s anything else I can do to help.

I purchased your article at DMX Zone today. I seem to be having a bit of trouble with it tho. The complete example at the bottom of page one works but creating the second example thru step #4 seems to break. All is well until I drop on the target. It outputs a lot of javascript where the result should be. I’m using jQuery 1.2.3 and jQuery UI 1.5b. Is it possible that UI has changed since the article? The Draggables documentation on the UI site show the example using ui.base.js and no ui.mouse.js. Even more confusing, ui.base.js isn’t even in the UI 1.5b zip file? Any thoughts?

Thx,
Mike