This is very cool. I saw something like this some time ago. Can't remember if it was Dojo or ExtJS or some other lib. My thought on doing the "click and drag" instead of "click" then "click and drag" would be to put a transparent overlay div on top of each iframe. This will keep the "click and drag" in the parent page, where it needs to be. Then you'll have to do some calculating in the child iframe doc to see what element the mouse was over when the mouse went down, clone that, and that's your helper.
This was on my list of fun things to try someday, so, glad to see you picking it up ;) - Richard On Fri, Aug 28, 2009 at 1:57 PM, Bear <[email protected]> wrote: > > Hi. > > This afternoon I've been playing around with some ideas and I can > drag'n'drop between iframes and the parent. > > I've done this by using a "spoof" div instead of the helper. This is > rendered on the parent. > > The way it works so far is; > > (1) User "clicks" on an item > (2) Item is cloned then removed from the DOM, > (3) The clone is injected to the spoof and the spoof is shown at > current mouse position. > (3) User then is able to "click and drag" the spoof to the target, > because the spoof is draggable() > > All good so far. However, you need to do the "click" first, then you > can "click and drag" the spoof to where you'd like. > > I did try and make the "items" .draggable() but I was running problems > with the "helpers" (cos can't have the spoof over the helper). > > Here's what i have so far; > > http://jsbin.com/osafe (PARENT containing IFRAMES) > > http://jsbin.com/omiya (IFRAME 1) > http://jsbin.com/iziti (IFRAME 2) > > Ideally I'd like to improve this; > > - give an impression of "click and drag" of an item, rather than the > "click" then "click and drag". > - utilize the sortable() for the items > > Thoughts? > > > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
