Hi Rupak, thank you very much for that,Although I did exactly what you said, it still doesn't work very well.
It does create new items and gives them ids and everything, but the items simply don't stick to the location, and simply disappear. Here's how it is now: http://sandbox-placona.appspot.com/demo.html I've also changed the style as you suggested. Can you help me a bit more with this? Thanks On Jul 29, 7:21 am, rupak mandal <rupakn...@gmail.com> wrote: > Hi , replace the javascript cod and add "dragafter" class in css > > //javascript > > $(document).ready(function(){ > > //Counter > counter = 1 > //Make element draggable > $("#drag").draggable({ > helper:'clone', > > start: function(e, ui){ > $(ui.helper).addClass("ui-draggable-helperMoving"); > }, > > stop:function(ev, ui) { > $(ui.helper).addClass("ui-draggable-helperStoped"); > var pos=$(ui.helper).offset(); > $("#clonediv"+counter).css({"left":pos.left,"top":pos.top}); > counter++; > ui.helper.draggable({ > stop:function(ev, ui) { > console.log($(ui.draggable).attr("id")); > } > }); > } > }); > > //Make element droppable > $("#frame").droppable({ > drop: function(ev, ui) { > var element=$(ui.draggable).clone(); > element.addClass("tempclass"); > $(this).append(element); > $(".tempclass").attr("id","clonediv"+counter); > $("#clonediv"+counter).removeClass("tempclass"); > $("#clonediv"+counter).addClass("dragafter"); > > } > }); > }); > > //css > > .dragafter{ > position:absolute; > > } > > I think it will fulfill the requirement of your problem........ > > On Tue, Jul 28, 2009 at 8:56 PM, Marcos Placona > <marcos.plac...@gmail.com>wrote: > > > > > > > Hi, I'm working with draggable, and basically what I'm trying to > > accomplish is having one item on my screen, that can be dragged > > anywhere, and uses "helper:'clone'", so it still sticks to its main > > location and can be cloned N times. > > > It all looks good, but I just realized that although cloning is > > possible, it always keep the same ID. Also, when I drag it from one > > side to another it never stays where I dropped it, but stacks up on > > the left hand side. > > > I've put up a quick example, so you can understand what I'm doing. The > > idea is move the red spots from the left to the right, but they have > > to where they were dropped and have their own ID's. > > >http://sandbox-placona.appspot.com/places.html > > > Any help is appreciated > > > Thanks, > > > Marcos Placona > >http://www.placona.co.uk/blog
