NovoGeek's Blog (Archive)

Technical insights of a web geek

Drag/Drop shopping cart using jQuery

25 February 2009 novogeek (6)

Most of the AJAX introduction sessions give a demonstration of drag/drop features. I've attended an AJAX session 1 year back and wondered.."Will I ever be able to do such an amazing drag/drop cart?" Hehe..thanks to jQuery UI. Drag/drop  isn't a magic anymore!

Here is a demo of jQuery drag/drop shopping cart. Simply drag the items into the basket and total will be calculated. You may also remove the items from the basket, everything without postback.

Tags :

Comments (6) -

  • gupta

    2/26/2009 4:43:43 AM |


    krishna..look and feel is really gud....

  • Anonymous

    2/26/2009 5:24:48 PM |

    same item cannot be added twice... Tong

    Nice interface... problem is basket is too far away from items.. ;)

    Good work dude..

  • krishna

    2/26/2009 8:38:05 PM |

    Ofcourse, same item can be added more than once.., a user may purchase 4 apples and 1 orange Smile It is only a dummy application, with main focus on drag/drop concept using jquery. But thanks for your interest to comment Smile

  • Aparna

    3/3/2009 6:01:20 AM |

    hey...
    kewl blog kittu Smile
    keep going!!

  • lekha

    3/5/2009 4:36:02 AM |

    Hey ....good work chaituu. Smile ...
    Lookin fwd to see more

  • Babu Mannaravalappil

    6/18/2009 12:14:54 PM |

    Hi Krishna,

    Cool Shopping Cart.  Would you care to share the code? If it is already on the site, I am sorry, I didn't find it.

    Babu.

Pingbacks and trackbacks (1)+

Comments are closed