How to build a drag and drop circle system like google+

Question

I've been testing G+ for a little while and i find the friends drag and drop into circle thing has a verry good effect (don't you think ?)

I was wondering how to achieve a similar effect when drag & dropping user into a circle using jQuery. It may give me a starting point in order to achieve this for a tree or a square. :)

Thanks

jqueryui has a really nice [draggable](http://jqueryui.com/demos/draggable/)/[droppable](http://jqueryui.com/demos/droppable/) implementation. — evan, Jul 17 '11 at 21:54

score 8 · Accepted Answer · edited Aug 18 '13 at 19:05

8

An opensource example of this is Circle Hack or Facebook Circles, source: https://github.com/voloko/facebook-circles Which could be customized for your needs (unsure about licensing though) It uses UKI.

If you want to achieve the same effect using jQuery I recommend using jQuery UI

edited Aug 18 '13 at 19:05

Praveen Gowda I V

9,569
4
41
49

answered Jul 17 '11 at 21:52

denysonique

16,235
6
37
40

Thanks, perfect place to start even if i didn't heard about UKI before. – sf_tristanb Jul 17 '11 at 22:01

score 1 · Answer 2 · answered Nov 03 '11 at 17:57

1

You should try this http://www.9lessons.info/2011/09/google-plus-style-drag-and-drop-adding.html

answered Nov 03 '11 at 17:57

Praveen Gowda I V

9,569
4
41
49

How to build a drag and drop circle system like google+

2 Answers2