Thank you so much! Cheers.
On Jan 14, 3:33 am, "Paul Bakaus" <[email protected]> wrote: > On Wed, Jan 14, 2009 at 3:55 AM, bricklayer <[email protected]>wrote: > > > > > > > Perfect, I got it worked out. Thanks > > > I have a little problem with sortables, I made a little page with > > images to help explain it. > > >http://www.inscctv.com/temp/jquery/sort.html > > > When I drag a sortable off the parent, it becomes transparent until > > it's dropped. > > > How do a make a sortable always stay "on top" so that it's visible > > even when it leaves the parent div? > > > I thought it was a z-index issue, but even after setting it crazy > > high, it still does the same thing. > > > Thanks in advance. > > I'm pretty sure this is related to the parent having overflow auto or > hidden. > Try setting the 'helper' option to 'clone', and the appendTo option to a > higher > node, for example, 'body'. > > > > > > > On Jan 9, 10:25 am, "Paul Bakaus" <[email protected]> wrote: > > > Hi, > > > > this is weird- stop should trigger all the time. However, there was a bug > > > that values changed to snap were simply not reported to the callbacks - > > > maybe that's what causing you pain. I tested again with the latest > > version > > > in SVN, soon to be released as 1.6 final, and it worked fine for me. > > > > Also, if you need finer grained control, you can set snap to: > > > > snap: { > > > items: ':data(draggable)', //That's the default, the items it should > > > snap to > > > snap: function(event, ui) {}, > > > release: function(event, ui) {} > > > > } > > > > This way, you have access to two additional events that inform you about > > a > > > snap. You can even see to witch element it snapped, in ui.snapItem. > > > > Hope this helps, > > > Paul > > > > On Fri, Jan 9, 2009 at 5:57 AM, [email protected] < > > > > [email protected]> wrote: > > > > > Hello, > > > > > Just had a quick question about the snap abilities of a draggable div. > > > > I'm using the "stop" param to trigger an ajax call to update the div's > > > > position for persistence. > > > > > The problem is that if a div "snaps" to another div/container, the > > > > drag:stop param isn't triggered (ie it's not being dragged anymore - > > > > it snapped automatically). > > > > > This is like what I currently have: > > > > > $("div#box").draggable({ > > > > grid: [2,2], > > > > snap: true, > > > > snapTolerance: 4, > > > > containment: "div#box_container", > > > > stop: function() { > > > > alert(' i was dragged '); > > > > } > > > > }); > > > > > When the div gets within 4 pixels ("snapTolerance: 4") of any parent > > > > border, it will "pop" into place without triggering "stop" so the > > > > alert never shows and the position never gets saved even though it > > > > moved. > > > > > When I refresh the page, the boxes are in the position they where > > > > before they snapped. > > > > > In place of the alert is a bunch of code that saves the boxes > > > > position. > > > > > Just wondering how I can trigger an event with the snap param, like: > > > > > $("div#box").draggable({ > > > > grid: [2,2], > > > > snap: true, > > > > snapTolerance: 4, > > > > containment: "div#box_container", > > > > stop: function() { > > > > alert(' i was dragged '); > > > > } > > > > > // LIKE... > > > > > snapStop: function() { > > > > alert(' i was snapped '); > > > > } > > > > > onSnap: function() { > > > > alert(' i was snapped '); > > > > } > > > > > }); > > > > > But I don't see anything in the documentation relating to this. > > > > > Thanks in advance. > > > > -- > > > Paul Bakaus > > > UI Architect > > > --http://paulbakaus.comhttp://www.linkedin.com/in/paulbakaus > > -- > Paul Bakaus > UI Architect > --http://paulbakaus.comhttp://www.linkedin.com/in/paulbakaus --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
