Rails spinoffs - Jan 2008 - Draggable/Droppable UI issues with scrolling DIVs.

(Apologies if this has come through already. I tried resending
yesterday but it apparently never made it to the list from what I can
tell)

I''m trying to finish up a long-standing personal project to get the
drag-n-drop sortables working. I''ve gotten pretty close:

http://darrelaustin.com/stuff/dragndrophelp/

It''s based off of gregphoto''s work here:

http://www.gregphoto.net/sortable/advanced/

I have my page working fairly well. There are 3 remaining issues that
I hope are solvable.

Quick explanation of what the page should do: Items in the left column
should be dragged to the right column. The right column is then
sortable.

The issues:

1) When dragging from the left column to the right, I can''t get the
ghosted image to cross the columns. Any way to do that? I''d like the
ghosted image to follow the mouse across.

2) I don''t need the left column sortable. Just draggable. Is that
doable?

3) Both columns (divs) are scrollable. If you scroll the left column
to the bottom, then drag an item to the right, you will note that the
actual item is no longer in-line with the cursor, but rather offset by
some (I imagine) percentage of the div on the left that is hidden. Is
there any way around that? That''s the major issue I have no in terms
of usability.

Bonus) Lastly, is there a way to ''clone'' an item from the left
rather
than remove it when dragged? The last time I looked into this (well
over a year ago) it appears that, no, that''s just not an option that
is going to be offered in scriptaculous, but thought I''d ask.

Thanks for any help/suggestions!

-Darrel
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

I hate to add to your list but it appears in FF 2.0.0.11, at least for me
anyways - once you drag an item to the right... you can''t get it out...



On Tue, Jan 29, 2008 at 9:52 AM, darrel
<dalists-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> (Apologies if this has come through already. I tried resending
> yesterday but it apparently never made it to the list from what I can
> tell)
>
> I''m trying to finish up a long-standing personal project to get
the
> drag-n-drop sortables working. I''ve gotten pretty close:
>
> http://darrelaustin.com/stuff/dragndrophelp/
>
> It''s based off of gregphoto''s work here:
>
> http://www.gregphoto.net/sortable/advanced/
>
> I have my page working fairly well. There are 3 remaining issues that
> I hope are solvable.
>
> Quick explanation of what the page should do: Items in the left column
> should be dragged to the right column. The right column is then
> sortable.
>
> The issues:
>
> 1) When dragging from the left column to the right, I can''t get
the
> ghosted image to cross the columns. Any way to do that? I''d like
the
> ghosted image to follow the mouse across.
>
> 2) I don''t need the left column sortable. Just draggable. Is that
> doable?
>
> 3) Both columns (divs) are scrollable. If you scroll the left column
> to the bottom, then drag an item to the right, you will note that the
> actual item is no longer in-line with the cursor, but rather offset by
> some (I imagine) percentage of the div on the left that is hidden. Is
> there any way around that? That''s the major issue I have no in
terms
> of usability.
>
> Bonus) Lastly, is there a way to ''clone'' an item from the
left rather
> than remove it when dragged? The last time I looked into this (well
> over a year ago) it appears that, no, that''s just not an option
that
> is going to be offered in scriptaculous, but thought I''d ask.
>
> Thanks for any help/suggestions!
>
> -Darrel
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Brian:

That''s OK for now. Eventually, I''ll let you drag out of there
into a
''trash can'' div to delete items from the right.

I should explain the purpose of the UI to begin with:

The left side are ''image storage folders''...just directories
of
uploaded photos. This is based on the file system.

The right side is what we''re calling a ''portfolio''.
It''s a collection
of various photos from the various folders on the left. These are just
DB records that point to said images in the file system.

The idea is that you can pick from any of the images in any of your
work folders, and then drag them over to your ''portfolio'' to
organize
them into separate presentations.

It''s working, for the most part, aside from these UI issues that are
bugging me a bit.

The big issue is #3, if I can resolve that, I''ll be a happy camper.
The others would be nice to resolve, but not mission critical or
anything.

-Darrel

On Jan 29, 2008 10:00 AM, Brian Williams
<brianw1975-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:
> I hate to add to your list but it appears in FF 2.0.0.11, at least for me
> anyways - once you drag an item to the right... you can''t get it
out...
>
>
>
>
>
> On Tue, Jan 29, 2008 at 9:52 AM, darrel
<dalists-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> >
> > (Apologies if this has come through already. I tried resending
> > yesterday but it apparently never made it to the list from what I can
> > tell)
> >
> > I''m trying to finish up a long-standing personal project to
get the
> > drag-n-drop sortables working. I''ve gotten pretty close:
> >
> > http://darrelaustin.com/stuff/dragndrophelp/
> >
> > It''s based off of gregphoto''s work here:
> >
> > http://www.gregphoto.net/sortable/advanced/
> >
> > I have my page working fairly well. There are 3 remaining issues that
> > I hope are solvable.
> >
> > Quick explanation of what the page should do: Items in the left column
> > should be dragged to the right column. The right column is then
> > sortable.
> >
> > The issues:
> >
> > 1) When dragging from the left column to the right, I can''t
get the
> > ghosted image to cross the columns. Any way to do that? I''d
like the
> > ghosted image to follow the mouse across.
> >
> > 2) I don''t need the left column sortable. Just draggable. Is
that
> > doable?
> >
> > 3) Both columns (divs) are scrollable. If you scroll the left column
> > to the bottom, then drag an item to the right, you will note that the
> > actual item is no longer in-line with the cursor, but rather offset by
> > some (I imagine) percentage of the div on the left that is hidden. Is
> > there any way around that? That''s the major issue I have no
in terms
> > of usability.
> >
> > Bonus) Lastly, is there a way to ''clone'' an item
from the left rather
> > than remove it when dragged? The last time I looked into this (well
> > over a year ago) it appears that, no, that''s just not an
option that
> > is going to be offered in scriptaculous, but thought I''d ask.
> >
> > Thanks for any help/suggestions!
> >
> > -Darrel
> >
> >
>
>
>  >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

> 3) Both columns (divs) are scrollable. If you scroll the left column
> to the bottom, then drag an item to the right, you will note that the
> actual item is no longer in-line with the cursor, but ratheroffsetby
> some (I imagine) percentage of the div on the left that is hidden. Is
> there any way around that? That''s the major issue I have no in
terms
> of usability.
I spent a dozen or so hours trying to figure this one out myself.
Considered everything from changing the page layout so it wouldn''t
require scrolling the div to fiddling with drapdrop.js, but the answer
was right infront of my eyes all along...

http://wiki.script.aculo.us/scriptaculous/show/Sortable.create

Option: scroll

"...To get this to work correctly, include this line in your code
before creating the sortable: Position.includeScrollOffsets true;..."

Even though my aim wasn''t to have the draggable container auto-scroll,
adding this code has solved the offset problem!!

Hope this will save many hours for some people!
Good night!
Suhi
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

> "...To get this to work correctly, include this line in your code
> before creating the sortable: Position.includeScrollOffsets >
true;..."
>
> Even though my aim wasn''t to have the draggable container
auto-scroll,
> adding this code has solved the offset problem!!
>
I have the same problem with the offset but adding
Position.includeScrollOffsets does not solve it. Do you have a working
example using that option or is there anything else to consider?

Open http://localhost/dev/dd2/index2.php to see my *not* working
example.

Regards,
André


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

> I spent a dozen or so hours trying to figure this one out myself.
> Considered everything from changing the page layout so it wouldn''t
> require scrolling the div to fiddling with drapdrop.js, but the answer
> was right infront of my eyes all along...
>
> http://wiki.script.aculo.us/scriptaculous/show/Sortable.create
>
> Option: scroll
>
> "...To get this to work correctly, include this line in your code
> before creating the sortable: Position.includeScrollOffsets >
true;..."
I have the same problem with the offset but adding
Position.includeScrollOffsets does not solve it. Do you have a working
example using that option or is there anything else to consider?

Open http://www.designarena.de/dragdrop/ to see my *not* working
example.

Regards,
André
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

On 21 Feb 2008, at 23:46, Hawky wrote:
> Open http://localhost/dev/dd2/index2.php to see my *not* working
> example.
Hmmm, open a site that''s locally on your computer, yeah right :-)


Best regards

Peter De Berdt


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---